Foros del Web » Creando para Internet » CSS »

No mostrar texto en menu

Estas en el tema de No mostrar texto en menu en el foro de CSS en Foros del Web. Amigos: Tengo un menu con rollovers de imagenes. Cada link tiene su estado de imagen y también tiene el texto correspondiente a cada link. Lo ...
  #1 (permalink)  
Antiguo 18/12/2009, 10:48
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
No mostrar texto en menu

Amigos:

Tengo un menu con rollovers de imagenes.

Cada link tiene su estado de imagen y también tiene el texto correspondiente a cada link.

Lo que no me está funcionando es la propiedad text-indent, ya que me muestra el texto de los links sobre las imagenes.

Este es el código que tengo:

Código CSS:
Ver original
  1. #navigation {
  2.     padding:10px 0px;
  3.     width:145px;
  4. }
  5. #navigation a  {
  6.     display:block;
  7.     background:url("../images/navegacion1.png");
  8.     height:47px;
  9.     text-indent:-9000px;
  10.     color: #dcdcdc;
  11. }
  12. #navigation a.link1:hover {background-position:-146px 0px;}
  13. #navigation a.link2 {background-position:0px -47px;}
  14. #navigation a.link2:hover {background-position:-146px -47px;}
  15. #navigation a.link3 {background-position:0px -94px;}
  16. #navigation a.link3:hover{background-position:-146px -94px;}
  17.  
  18. ul#navigation li {
  19.     display: block;
  20. }

Y este el html:

Código HTML:
Ver original
  1. <ul id="navigation">
  2.     <li><a href="#" class="link1">Home</a></li>
  3.     <li><a href="#" class="link2">Estudio</a></li>
  4.     <li><a href="#" class="link3">Servicios</a></li>
  5.     <li><a href="#" class="link4">Obras</a></li>
  6.     <li><a href="#" class="link5">Contacto</a></li>
  7. </ul>

Espero puedan orientarme como solucionar esto.

Desde ya gracias.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #2 (permalink)  
Antiguo 18/12/2009, 10:56
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: No mostrar texto en menu

Código HTML:
Ver original
  1. <ul id="navigation">
  2.     <li><a href="#" class="link1"><span>Home</span></a></li>
  3.     <li><a href="#" class="link2"><span>Estudio</span></a></li>
  4.     <li><a href="#" class="link3"><span>Servicios</span></a></li>
  5.     <li><a href="#" class="link4"><span>Obras</span></a></li>
  6.     <li><a href="#" class="link5"><span>Contacto</span></a></li>
  7. </ul>

Código CSS:
Ver original
  1. #navigation a  span{display:none}

  #3 (permalink)  
Antiguo 18/12/2009, 11:02
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: No mostrar texto en menu

Genial!!

Muchisimas gracias!!

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
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 09:44.