IGNOREN ESTE POST. ASUNTO ARREGLADO
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>
y el siguiente código CSS:
Código:
#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;
}
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?
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