Foros del Web » Creando para Internet » HTML »

Como conseguir esta forma de tabla (uso dreanweaver)

Estas en el tema de Como conseguir esta forma de tabla (uso dreanweaver) en el foro de HTML en Foros del Web. Hola a todos.... Queria saber si hay una forma para conseguir este diseño de tabla Desde ya muchas gracias...
  #1 (permalink)  
Antiguo 30/01/2010, 18:07
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
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
  #2 (permalink)  
Antiguo 30/01/2010, 20:21
 
Fecha de Ingreso: octubre-2009
Mensajes: 67
Antigüedad: 8 años, 2 meses
Puntos: 1
Respuesta: Como conseguir esta forma de tabla (uso dreanweaver)

No se ve la imagen
  #3 (permalink)  
Antiguo 30/01/2010, 21:07
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: Como conseguir esta forma de tabla (uso dreanweaver)

Ahi esta, muchas gracias
  #4 (permalink)  
Antiguo 31/01/2010, 01:10
 
Fecha de Ingreso: enero-2009
Mensajes: 455
Antigüedad: 8 años, 10 meses
Puntos: 11
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
  #5 (permalink)  
Antiguo 31/01/2010, 04:04
 
Fecha de Ingreso: enero-2010
Mensajes: 25
Antigüedad: 7 años, 10 meses
Puntos: 0
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.
  #6 (permalink)  
Antiguo 31/01/2010, 04:06
 
Fecha de Ingreso: enero-2010
Mensajes: 25
Antigüedad: 7 años, 10 meses
Puntos: 0
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: conseguir, tablas, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:17.