Foros del Web » Creando para Internet » CSS »

Barra de Navegación

Estas en el tema de Barra de Navegación en el foro de CSS en Foros del Web. Hola a Todos Queria saber si me pueden ayudar a encontrar la solución al siguiente problema: Tengo una barra de nabegación hecha con listas en ...
  #1 (permalink)  
Antiguo 22/02/2010, 15:43
 
Fecha de Ingreso: marzo-2008
Ubicación: Posadas Misiones Argentina
Mensajes: 480
Antigüedad: 16 años, 1 mes
Puntos: 1
Barra de Navegación

Hola a Todos

Queria saber si me pueden ayudar a encontrar la solución al siguiente problema:
Tengo una barra de nabegación hecha con listas en html.
Los botones de la barra de navegación estan dentro de un etiqueta <div> llamado navegador.
Al <div> le doy un color de fondo y es una franja horizontal donde adentro de ella coloco los botones de navegación.
Formatero usando css para que me formatea la barra de navegación como yo deseo.
El problema es que en los navegadores Mozilla Firefox y Google Chrome no se bien la barra de navegación.
Los botones salen fuera de la barra del <div> y se colocan abajo, y el <div> sale apenas una linea delgada horizontal.
Este es el código:

HTML


Cita:
<div id="navegador">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="nuestras-bases.html">Nuestras Bases</a></li>
<li><a href="cuatroleyes.html">Cuatro leyes</a></li>
<li><a href="temas.html">Temas</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Eventos</a></li>
<li><a href="#">MU 2011</a></li>
<li><a href="http://www.vidabaires.com">VECAF</a></li>
</ul>
</div>
CSS= 1 hoja de estilo externa

Cita:
#navegador{
background:#F5F4C3 url(images/fondonav.gif);
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height: 5px

}

#navegador ul{
list-style-type:none;
text-align:center;
}

#navegador li{
display: inline;
text-align: center;
margin: 0 1px 0 0;
}

#navegador li a{
padding: 2px 7px 2px 7px;
color: #666;
background-color: #ffff00;
border:1px solid #ccc;
text-decoration: none;
}

#navegador li a:hover{
background-color: #ff9900;
color: #ffffff;
}

Gracias.
  #2 (permalink)  
Antiguo 23/02/2010, 05:17
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Barra de Navegación

Quitale height: 5px.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 23/02/2010, 08:19
 
Fecha de Ingreso: marzo-2008
Ubicación: Posadas Misiones Argentina
Mensajes: 480
Antigüedad: 16 años, 1 mes
Puntos: 1
Respuesta: Barra de Navegación

Hola

Gracias por la respuesta , le saque el hight= 5px (el alto de la barra de navegacion) del codigo css, y me anduvo bien en Mozilla Firefox, y el google Chrome, pero surgió un problema en Internet Explorer.

El problema en Internet Explorer es que la franja horizontal que contiene la barra de navegacion horizontal se ve ahora muy alto y esto no sucede con los demás navegadores.

¿Que puedo hacer para que la franja horizontal se vea bien(no muy alto)como sucede con los demás navegadores?

Gracias

Etiquetas: barra
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 21:07.