Foros del Web » Creando para Internet » HTML »

maquetar botones de imagenes sin tablas

Estas en el tema de maquetar botones de imagenes sin tablas en el foro de HTML en Foros del Web. Hola a todos quisiera saber como hacer lo siguiente pero sin usar tablas. Tengo la maqueta del encabezadoque esta hecha en photoshop, esta consiste en ...
  #1 (permalink)  
Antiguo 18/02/2006, 23:57
 
Fecha de Ingreso: septiembre-2004
Mensajes: 19
Antigüedad: 13 años, 3 meses
Puntos: 0
maquetar botones de imagenes sin tablas

Hola a todos quisiera saber como hacer lo siguiente pero sin usar tablas.
Tengo la maqueta del encabezadoque esta hecha en photoshop, esta consiste en una imágen del logotipo de un empresa y debajo de esta aparecen los botones de navegación.

Si uso el image ready va a generar el html con tablas y va a partir los botones y los va a colocar en una celda. Paso siguiente seria colocarles el tag <a> a cada imagen.
La otra alternativa es solo colocar la imágen del encabezado en un div y generar un mapa de imagenes para que los botones sean las zonas activas. ¿Es válido usar esa técnica? o es mejor poner capas flotantes encima de cada boton y ponerles un texto que tiene el tag <a>. En este último caso ¿Cómo se haría para que no se descuadren en los diferentes navegadores?

Espero que me ayuden.
Gracias.
  #2 (permalink)  
Antiguo 19/02/2006, 00:18
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 12 años, 10 meses
Puntos: 4
con photoshop puedes seccionar esa imagen con la herramienta sector y luego dirigirte a archivo/guardar para la web luego se abre una ventana en la ke a cada sector con doble click le puedes asignar un enlace o link, luego le das en guardar, en tipo seleccionas HTML e imagenes y en ajustes le das a XHTML luego guardar y eso seria todo, suerte
  #3 (permalink)  
Antiguo 19/02/2006, 11:44
 
Fecha de Ingreso: febrero-2006
Mensajes: 150
Antigüedad: 11 años, 10 meses
Puntos: 6
Hola!,

La técnica más correcta, de acuerdo a los estándares, serían 2 divs, una para la imágen del encabezado y otro div para el "menú", y este último tendría que estar basado en listas.

Pásate por el foro de CSS y verás mucha información relacionada.


Saludos!
  #4 (permalink)  
Antiguo 19/02/2006, 17:17
 
Fecha de Ingreso: septiembre-2004
Mensajes: 19
Antigüedad: 13 años, 3 meses
Puntos: 0
Muchas Gracias ZydRick y man0l0, seguiré sus consejos.
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 05:42.