Bueno, utilizando lo q en esto post se dice, me he propuesto crear un menú horizontal con imágenes.
En dicho menú, con varios enlaces-imagen, hay una imagen q no deber ser enlace. Es decir, sería la opción activa.
El código
Código:
#imgdsut4 { background-image: url(b_contacta_on.gif); width:150px; height: 26px;}
#imgdsut4:hover { background-image: url(b_contacta_off.gif); width:150px; height: 26px; }
#imgdsut5 { background-image: url(b_contacta_on.gif); width:150px; height: 26px;}
#imgdsut5:hover { background-image: url(b_contacta_off.gif); width:150px; height: 26px; }
#imgdsut6 { background-image: url(b_contacta_off.gif); width:150px; height: 26px;}
#imgdsut7 { background-image: url(b_contacta_on.gif); width:150px; height: 26px;}
#imgdsut7:hover { background-image: url(b_contacta_off.gif); width:150px; height: 26px; }
...
<a id="imgdsut4" href="#"></a>
<a id="imgdsut5" href="#"></a>
<a id="imgdsut6"></a>
<a id="imgdsut7"href="#"></a>
Así lo consigo, pero en la opción que no debería ser enlace me veo obligado a poner un <a...> para seguir con la barra horizontal.
Si en vez de ponerlo con el <a ...> lo pongo con un div, se "rompe" la linea horizontal (y no puedo posicionarla con top y left, pq tengo muchas páginas donde se va a incluir, pero en diferentes posiciones).
si pongo simplemente una <img src ...>
Código:
<img src="b_contacta_off.gif" width="150" height="26" align="absmiddle">
gracias al absmiddle se alinea horizontalmente, pero se separa por la derecha.
No sé, seguro q se me escapa algo.
Además, si se reduce el tamaño de la ventana, se "rompe".
Espero vuestra ayuda.
Salu2 y gracias.