Lo que pasaba es que había puesto un a:link y no había definido a:visited...
Muy buenas. Tengo el siguiente código HTML:
Código HTML:
<ul id="nav"> <li><a href="#" id="icono1"><span>¿Qué es?</span></a></li> <li><a href="fotos" id="icono2"><span>Fotos</span></a></li> <li><a href="foros" id="icono3"><span>Foro</span></a></li> <li><a href="reg" id="icono4"><span>Regístrate</span></a></li> </ul>
Código:
Cuando creé la página, todo se veía bien, pero luego cuando subí las carpetas fotos, foros y reg, dichas imágenes dejaron de mostrarse... Vamos, que cuando la dirección existe, las imágenes dejan de verse, y cuando no, se ven (por ejemplo, la imagen con el enlace # siempre se ve, las otras no). ¿Alguien sabe por qué pasa esto?#nav { float: right; display: inline; margin: 0; padding: 0; list-style-type: none; } #nav li { float: left; display: inline; margin: 0; padding: 0; list-style-type: none; } #nav span { display: none; } #nav li a:link { display: block; padding: 101px 0px 20px; } #nav #icono1 { background-image: url(../v3/icono1_quees.jpg) !important; width: 131px; } #nav #icono2 { background-image: url(../v3/icono2_fotos.jpg) !important; width: 127px; } #nav #icono3 { background-image: url(../v3/icono3_foro.jpg) !important; width: 172px; } #nav #icono4 { background-image: url(../v3/icono4_registrate.jpg) !important; width: 158px; } #nav #icono1:hover { background-image: url(../v3/selec_06.jpg) !important; width: 131px; } #nav #icono2:hover { background-image: url(../v3/selec_07.jpg) !important; width: 127px; } #nav #icono3:hover { background-image: url(../v3/selec_08.jpg) !important; width: 172px; } #nav #icono4:hover { background-image: url(../v3/selec_09.jpg) !important; width: 158px; }
Muchas gracias.
P.D. Adjunto las imágenes de cómo debería verse y cómo se ve. (quiten los espacios)
http:// img245.imageshack .us/my.php?image=imagen12ol6.png
http:// img117.imageshack .us/my.php?image=imagen13ca8.png