Foros del Web » Soporte técnico » Ayuda General »

[SOLUCIONADO] Problema con la barra de navegación

Estas en el tema de Problema con la barra de navegación en el foro de Ayuda General en Foros del Web. Bueno si, tengo un problema con la barra de navegación lo que pasa es que a veces los enlaces se ponen debajo de la barra, ...
  #1 (permalink)  
Antiguo 01/11/2013, 17:37
 
Fecha de Ingreso: agosto-2013
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Problema con la barra de navegación

Bueno si, tengo un problema con la barra de navegación lo que pasa es que a veces los enlaces se ponen debajo de la barra, pero luego al actualizar la web se pone todo normal (Esto solo pasa al entrar en la web luego no, tampoco sucede en el servidor local sino cuando la subo a internet).

Aquí les dejo una imagen del problema, ojala y puedan ayudarme:



Aquí les dejo la imagen de como debería verse la barra de navegación:



Saludos y que Dios los Bendiga.

Última edición por lugargratis; 01/11/2013 a las 17:41 Razón: Problema con la foto
  #2 (permalink)  
Antiguo 01/11/2013, 17:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Problema con la barra de navegación

Seguramente el error lo comentas en la linea #13 del código.
  #3 (permalink)  
Antiguo 01/11/2013, 18:16
 
Fecha de Ingreso: agosto-2013
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Problema con la barra de navegación

Eh... Disculpa mi ignorancia pero que es eso de la linea #13, ¿te refieres a la etiqueta nav? ¿en dado caso que tendría que hacer?

Aquí te dejo el código de todo lo referente a la navegación (el nav no lo e tocado ya que uso divs, el nav lo uso para englobar todo lo referente a la barra navegación) :

Código Html

<nav>

<div id="navegacion">
<ul>
<img>
<li><a href="http://www.forosdelweb.com/index.html">Inicio</a></li><li><a href="http://www.forosdelweb.com/f2/curso-programacion.html">Curso de Programación</a></li><li><a href="http://www.forosdelweb.com/curso-diseño/curso-diseño.html">Curso de Diseño</a></li>
</ul>
</div>

</nav>

Código Css

#navegacion {
background-image:url(objetos/barra-navegacion.png);
background-repeat:no-repeat;
width:1352px;
height:50px;
}

#navegacion li {
border:2px solid white;
border-radius:17px;
background-color:white;
float:left;
list-style:none;
margin:10px 97px 0px 150px;
padding: 0px 30px;
}
  #4 (permalink)  
Antiguo 01/11/2013, 18:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Problema con la barra de navegación

Lo de la linea #13 era ironía. Sin ver el código no se te puede ayudar.

Prueba a añadir:

Código CSS:
Ver original
  1. #navegacion {
  2.   overflow: hidden;
  3. }
  #5 (permalink)  
Antiguo 01/11/2013, 18:28
 
Fecha de Ingreso: agosto-2013
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Problema con la barra de navegación

Ok, ahora lo pongo... Sabes estaba revisando el código Html y me di cuenta que puse la etiqueta <img> mas sin embargo la imagen esta puesta en el código css (ahora mismo estoy quitandolo de todas las páginas), ¿eso afecta en algo?

Muchas gracias por tus respuestas.
  #6 (permalink)  
Antiguo 01/11/2013, 18:42
 
Fecha de Ingreso: agosto-2013
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Problema con la barra de navegación

Muchas gracias amigo, aparentemente ya sea solucionado (dijo aparentemente porque el problema aparece a veces y hasta ahora no ha vuelto a aparecer :) ).

Gracias y que Dios te Bendiga.

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 22:00.