mapa en imagen

[Aresillo]

Bueno como alguno ya sabrá estoy en la famosa conversión tablas-divs...Mis dudas:
1. Se puede hacer un mapa de imagen en una imagen de cabecera o es más conveniente hacer un div por mapa...
2. En mi caso había leído el truco de utilizar un <hX> para luego hacerlo transparente y poner la imagen en el .css. Sigo utilizando ese truco o no es conveniente...
3. En caso de ser conveniente así como hago el mapa de la imagen ¿en el .css?

Os ilustro el ejemplo...
Aquí, la cabecera de mi web (y la web)...
http://cursos.anfap.com/60user0874/web/es/web.html

Muchas gracias...

Aresillo!!

[Aresillo]

Hola chicos...
Bueno, al final lo he hecho como he creído...aunque con i.e. no se ve bien (as usual)...
Bueno, en el link de arriba tenéis la cabecera con los idiomas y el correo hecho con mapas de imagen.
En el link que os paso esta hecho con divs aunque pierde las dimensiones en i.e. Lo he hecho como mi lógica me ha dado en estos 5 días de aprendizaje de capas.
http://cursos.anfap.com/60user0874/web%20reducida/es.html

¿Que es mejor, la primera opción o la segunda?
¿Qué tengo que mejorar en la segunda para que se vea bien en i.e.?
¿Qué puedo o debo mejorar del segundo para que esté bien hecho?

Muchas gracias!

Aresillo!!

[Mikmoro]

La segunda manera es la correcta sin lugar a dudas.

Está bien hecho, sólo deberías añadir a las imágenes un "alt", el texto alternativo en caso de la imágenes estén desactivadas.

[Aresillo]

Y cómo puedo hacer para que no se me mueva en el i.e.??
La verdad es que no sé porque la gente no deja de usarlo, al menos a nosotros nos quitaría bastantes dolores de cabeza!

Había una propiedad que era algo así como display:block o algo parecido... alguien me hecha una mano??

Aresillo!!
PD: Alguien sabe como modificar el css en el firebug y que después se guarde?

[Aresillo]

Muchas gracias Mikmoro!
Cómo puedo hacer para que no se me mueva en el i.e.??
La verdad es que no sé porque la gente no deja de usarlo, al menos a nosotros nos quitaría bastantes dolores de cabeza!

Había una propiedad que era algo así como display:block o algo parecido... alguien me hecha una mano??

Aresillo!!
PD: Alguien sabe como modificar el css en el firebug y que después se guarde?

[Mikmoro]

¿Qué significa "que no se mueva en IE"? No te entiendo.

[Aresillo]

Me refiero a que con el ff se ve como quiero pero con el ie el div de idiomas está un poco a la izda y el div del mail este basstante a la izda.

Gracias!
Por cierto, como se borra un mensaje propio? porque he querido borrar el duplicado pero no he podido...

Aresillo!!

[Aresillo]

Mikmoro puede ser porque lo esté viendo con IE6??
Tú ves alguna diferencia en el posicionamiento de las bolas de lenguajes y el mail entre IE y FF??

Gracias de nuevo!!

Aresillo!!

[Aresillo]

Gracias por las molestias Mikmoro

Ya lo he solucionado...
En vez de situar los divs en función de margin-right lo he hecho a partir del margin-left y he tenido que añadir al código: position:absolute;

¿Por qué funciona ahora?¿Cuál es el motivo?

Aresillo!!

[Mikmoro]

Ahhh, lo siento, no he estado en toda la tarde (hoy había currelo).

Me alegro de que lo hayas solucionado. No veo las modificaciones que comentas en tu página.

[Aresillo]

Tiene que ser el caché de ff porque acabo de mirar el css del servidor y tiene este codigo:

Código PHP:

  #lang {
width:97px;
height:19px;
float: right;
margin-top: 13px;
margin-left: 894px;
position:absolute;
}
#bolas {  
float:left;
 
}
#bolas li {
float:left;
list-style-type: none;
}
#bolas li a {
text-decoration:underline;
}
#mail {
width:25px;
height:21px;
float:right;
margin-top:130px;
margin-left:961px;
position:absolute;
} 
   

Aresillo!!
PD: Que raro lo de ff porque a mi me pasa lo mismo, lo veo con otro css

[Mikmoro]

Ahora ya lo veo. Para colocarlo con posición absoluta, lo correcto es que le pongas position: relative; al div #contenedor, y en lugar de márgenes para el elemento de los idiomas uses los deplazamientos:

#lang {float:right;
height:19px;
position:absolute;
width:97px;
right:10px;
top:13px;
}

Supongo que no te causará problemas y es compatible con todos los navegadores.

[Aresillo]

Muchas gracias Mikmoro...
Mañana lo pruebo que hoy estoy medio con fiebre y llevo toda la tarde por los foros...

Aresillo!!

[Aresillo]

Efectivamente Mikmoro...
Desconocía los desplazamientos y son la leche!
Por cierto, te acuerdas de las barras...las establecimos con márgenes, no sería mejor hacerlo con desplazamientos??

Gracias de nuevo!!

Aresillo!!

[Mikmoro]

Iniciado por Aresillo

Por cierto, te acuerdas de las barras...las establecimos con márgenes, no sería mejor hacerlo con desplazamientos??

No, en este caso es mejor con márgenes, en primer lugar porque para usar los deplazamientos hace falta que el elemento tenga posición relativa o absoluta, que no necesitas en tu caso, y en segundo ten en cuenta que un desplazamiento desplaza el bloque por completo y no modifica su tamaño, con lo cual sobresaldría por el otro lado, mientras que el margen en el caso que nos ocupa reduce el tamaño para dejar visible el trozo que nos interesa.

[Aresillo]

Ok muchas gracias!

Aresillo!!