Hola a todos....
Queria saber si hay una forma para conseguir este diseño de tabla
Desde ya muchas gracias
| |||
Como conseguir esta forma de tabla (uso dreanweaver) Hola a todos.... Queria saber si hay una forma para conseguir este diseño de tabla Desde ya muchas gracias Última edición por luks77; 30/01/2010 a las 21:07 |
| |||
Respuesta: Como conseguir esta forma de tabla (uso dreanweaver) Si no mal recuerdo el dreamweaver ya trae varias opciones para conseguir esa tabla, si no lo Puedes hacer dentro de una tabla grandota a mano jugando un poco con el colspan y el rowspan |
| |||
Respuesta: Como conseguir esta forma de tabla (uso dreanweaver) hola: Es mu fácil si lo haces con CSS. Inserta la imagen. Situate a la derecha de la imagen (selecciona la imagen y dale a la flecha derecha del teclado) Ahora escribe el texto que quieres poner al lado de la foto. Abre el panel de estilos CSS (lo encontrarás en "ventana" >"Estilos css") Se te abrá abierto a la derecha el panel de CSS. Abajo en el panel verás un icono en forma de hoja de papel con un signo+ encima. Si te situas encima con el ratón verás que pone (Nueva regla css) pulsalo y te saldrá una ventana. Donde te pone tipo de selector selecciona "Clase". En el campo "nombre" escribe el nombre que desees sin espacios. Dale a aceptar y te cambiará la ventana. Pincha en "cuadro" (a la izquierda de la ventana) y donde pone Float selecciona "izquierda" o "left si lo tienes en inglés" Dale a aceptar. Ahora selecciona la foto. En el panel de propiedades de abajo, en el campo que te pone "clase", busca el nombre de la clase que acabas de crear y seleccionalo. Ya está. Verás que todo el texto se queda ahora rodeando la foto por la parte izquierda y por debajo (si es lo suficientemente extenso) Ahora verás que queda muy pegado a la imagen. Abre otra vez el cuadro de edición de css, seleccionando el nombre de la clase que pusiste y pulsando un icono con forma de lápiz que al situarte enciima te pondrá (editar estilo) Elije la pestañe cuadro y donde pone "Margin" escribe 10px en right (derecha) y 10 px en botton (abajo) y deja los otros dos campos vacíos. Ahora verá que se te ha abierto un hueco entre foto y texto. Ya está. Espero que sea esto lo que buscabas y que te haya ayudado. Saludos. |
| |||
Respuesta: Como conseguir esta forma de tabla (uso dreanweaver) Había un pequeño error: hola: Es mu fácil si lo haces con CSS. Inserta la imagen. Situate a la derecha de la imagen (selecciona la imagen y dale a la flecha derecha del teclado) Ahora escribe el texto que quieres poner al lado de la foto. Abre el panel de estilos CSS (lo encontrarás en "ventana" >"Estilos css") Se te abrá abierto a la derecha el panel de CSS. Abajo en el panel verás un icono en forma de hoja de papel con un signo+ encima. Si te situas encima con el ratón verás que pone (Nueva regla css) pulsalo y te saldrá una ventana. Donde te pone tipo de selector selecciona "Clase". En el campo "nombre" escribe el nombre que desees sin espacios. Dale a aceptar y te cambiará la ventana. Pincha en "cuadro" (a la izquierda de la ventana) y donde pone Float selecciona "izquierda" o "left si lo tienes en inglés" Dale a aceptar. Ahora selecciona la foto. En el panel de propiedades de abajo, en el campo que te pone "clase", busca el nombre de la clase que acabas de crear y seleccionalo. Ya está. Verás que todo el texto se queda ahora rodeando la foto por la parte derecha y por debajo (si es lo suficientemente extenso) Ahora verás que queda muy pegado a la imagen. Abre otra vez el cuadro de edición de css, seleccionando el nombre de la clase que pusiste y pulsando un icono con forma de lápiz que al situarte enciima te pondrá (editar estilo) Elije la pestañe cuadro y donde pone "Margin" escribe 10px en right (derecha) y 10 px en botton (abajo) y deja los otros dos campos vacíos. Ahora verá que se te ha abierto un hueco entre foto y texto. Ya está. Espero que sea esto lo que buscabas y que te haya ayudado. Saludos. |
Etiquetas: |