Foros del Web » Creando para Internet » CSS »

Problemas con el menú horizontal

Estas en el tema de Problemas con el menú horizontal en el foro de CSS en Foros del Web. Hola a todos, Tengo una pequeña dudita que tal vez sea demasiado sencilla de resolver, pero no encuentro la solución. No conozco mucho de CSS, ...
  #1 (permalink)  
Antiguo 08/02/2010, 07:58
Avatar de aytha  
Fecha de Ingreso: noviembre-2009
Ubicación: Madrid
Mensajes: 10
Antigüedad: 8 años
Puntos: 0
Problemas con el menú horizontal

Hola a todos,
Tengo una pequeña dudita que tal vez sea demasiado sencilla de resolver, pero no encuentro la solución. No conozco mucho de CSS, y estoy dando los primeros pasos y tropiezos ya.
Lo que me sucede es lo siguiente:
Tengo hecho un menú horizontal, y quiero que los a:hover estén en bold, lo que hace que todo los demás links del menú horizontal se reajusten y tomen otras posiciones, teniendo un efecto muy feo.
Por favor, si alguien pudiera ayudarme a resolver que los links de al lado no se me muevan.
Gracias adelantadas...
  #2 (permalink)  
Antiguo 08/02/2010, 08:14
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Problemas con el menú horizontal

Publica tu código para analizar donde puede estar el error.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 08/02/2010, 10:24
Avatar de aytha  
Fecha de Ingreso: noviembre-2009
Ubicación: Madrid
Mensajes: 10
Antigüedad: 8 años
Puntos: 0
Respuesta: Problemas con el menú horizontal

Es esto exactamente, en una lista horizontal...

#navigation li {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 13px;
padding-right: 40px;
padding-bottom: 25px;
color:#0000FF;
display: inline;
margin: 0px 10px 0px 0px;
}

#navigation ul li a {
text-decoration: none;
color:#63391E;
}
#navigation ul li a:hover {
color:#000E25;
font-weight: bold;
text-decoration: underline;
}

A ver si se puede lograr que los demás enlaces del menú no se me desajusten cuando paso el cursor por encima...
  #4 (permalink)  
Antiguo 08/02/2010, 10:40
Avatar de aytha  
Fecha de Ingreso: noviembre-2009
Ubicación: Madrid
Mensajes: 10
Antigüedad: 8 años
Puntos: 0
Respuesta: Problemas con el menú horizontal

El html va así

<div id="navigation">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Proveedores</a></li>
<li><a href="#">Clientes</a></li>
<li><a href="#">Escuela</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>

lo que intento es lograr que aunque esté la fuente en bold no provoque que se desplacen de lugar los demás botones horizontales...

Alguna sugerencia?? Gracias !!!
  #5 (permalink)  
Antiguo 08/02/2010, 22:17
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problemas con el menú horizontal

Intenta incluir un "margin:0 -2px" y cambialo hasta ajustar que no haya desplazamiento por el bold. Suerte.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 09/02/2010, 16:21
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con el menú horizontal

Hola:

¿y porqué no le das un ancho fijo a cada elemento de la lista y centras el texto?. Si le das tamaño suficiente para que no lo descoloque el bold debería funcionar perfectamente.

Saludos.


Etiquetas: horizontal
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 00:18.