Foros del Web » Creando para Internet » Diseño web »

Problema Con Menu CSS

Estas en el tema de Problema Con Menu CSS en el foro de Diseño web en Foros del Web. Hola que tal saludos a todos, Mi Problema Es El Siguiente, En Mi Web http://royalty-relo.com/, El Menu o El NavBar, cuando estas en el home ...
  #1 (permalink)  
Antiguo 31/08/2010, 15:03
Avatar de iRockK  
Fecha de Ingreso: agosto-2010
Mensajes: 4
Antigüedad: 7 años, 3 meses
Puntos: 0
Problema Con Menu CSS

Hola que tal saludos a todos, Mi Problema Es El Siguiente, En Mi Web http://royalty-relo.com/, El Menu o El NavBar, cuando estas en el home o inicio aparece subrayada ya que navegas en esa seccion, pero cuando entro a otro link (servicios,acerca de nosotros etc.) se queda el subrayado en el home, lo que me gustaria hacer es que cada vez que este en una de esas secciones solo en la que este navengando se subraye.

Mi Codigo Es El Siguiente HTML
Cita:
<div id="menu">
<ul>
<li><a class="current" href="index.html" title="">Inicio</a></li>
<li><a href="aboutus.html" title="">Acerca De Nosotros</a></li>
<li><a href="ourservicies.html" title="">Servicios</a></li>
<li><a href="onlyry.html" title="">Proceso</a></li>
<li><a href="faq.html" title="">Preguntas Frecuentes</a></li>
<li><a href="contact.html" title="">Contacto</a></li>
</ul>
</div>
Codigo CSS
Cita:
/*----------------------menu-------------------------*/

#menu{
float:left;
padding: 155px 0px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:1px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;pa dding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 0px 0 0px; margin:0px 0px 0 0px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #00F; border-bottom:0px #00FFFF solid;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:3px 0px 0 3px;color: #fff;margin:2px 0px 0 2px; border-bottom:2px #ffffff solid;
}


Gracias.
  #2 (permalink)  
Antiguo 01/09/2010, 04:51
 
Fecha de Ingreso: julio-2010
Mensajes: 84
Antigüedad: 7 años, 5 meses
Puntos: 7
Respuesta: Problema Con Menu CSS

Pues el problema yo lo veo en el a.current, y la mejor manera de hacerlo es con algo como a:active, ademas de que lo pones como text-decoration: none y en vez de none deveria ser underline

Pero parece que ya arreglaste tu problema, pues entre a la webpage y funciona bien esa parte. Avisa al foro si ya se arreglo y como lo hiciste para que este mensaje ayude a otros que tengan la misma duda

Etiquetas: css
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 18:47.