Está usted en Indice > Programas > Editores > DreamWeaver > Lecciones y Paso a Paso > Creando tablas con esquinas redondeadas en Dreamweaver
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Creando tablas con esquinas redondeadas en Dreamweaver

Creando tablas con esquinas redondeadas en Dreamweaver

Mediante unas pequeñas imágenes de forma redondeada, conseguiremos este tan usado efecto de tablas con esquinas redondeadas. Este es el efecto que queremos conseguir:

Esquina 1   Esquina 2
 
tabla con bordes redondeados
 
Esquina 3   Esquina 4

Para conseguir, una tabla de esquinas redondeadas seguiremos los siguientes pasos...

Paso 1

Insertaremos una tabla de 3x3, y le daremos el mismo color de fondo que las imágenes que vayan a hacer de esquinas.

Paso 1

Paso 2

Nos pondremos en la celda superior izquierda e insertaremos la primera imagen que servirá de esquina: Esquina 1 y a esa celda le daremos las siguientes característica:

Paso 2

Paso 3

Nos pondremos en la celda superior derecha e insertaremos la segunda imagen que servirá de esquina: Esquina 2 y a esa celda le daremos las siguientes característica:

Paso 3

Paso 4

Nos pondremos en la celda inferior derecha e insertaremos la segunda imagen que servirá de esquina: Esquina 3 y a esa celda le daremos las siguientes característica:

Paso 4

Paso 5

Nos pondremos en la celda inferior derecha e insertaremos la segunda imagen que servirá de esquina: Esquina 4 y a esa celda le daremos las siguientes característica:

Paso 5

Paso 6

Por último ya solo queda ajustar la celda del medio para poder poner el contenido, para esto, hay que ponerse en la linea de puntos y arrastrar. O bien poner el tamaño manualmente en la paleta propiedades de la celda.

Autor: Fabio Núñez Iturriaga
http://www.dreamweavering.com/



Usuarios que han visto este tema también han visto...

- Crear un menu desplegable en DreamWeaver
- Aprende a utilizar las expresiones regulares y comprueba todo su potencial con DreamWeaver
- Crear un album de fotos con DreamWeaver
- Crear y editar tablas con dreamweaver
- Aprende a dejar preparado el dreamweaver para tu nuevo sitio web.


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Publicidad








Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 20-01-2017 a las 06:39:34