Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Navbar - Problemas con el dropdown

Estas en el tema de Navbar - Problemas con el dropdown en el foro de CSS en Foros del Web. Hola, Estoy personalizando una barra de navegación de las plantillas de bootstrap 3, esta es la personalización: .dropdown-menu > li > a { display: block; ...
  #1 (permalink)  
Antiguo 27/03/2015, 10:08
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 5 meses
Puntos: 3
Navbar - Problemas con el dropdown

Hola,

Estoy personalizando una barra de navegación de las plantillas de bootstrap 3, esta es la personalización:

.dropdown-menu > li > a {
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #fff;
white-space: nowrap;
}

El problema es que cuando se colapsa el menú y lo despliego, el estilo anterior no se aplica y los textos (English y Spain) no me aparecen en blanco, este es el HTML:

<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Idioma <span class="caret-rojo caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">English</a></li>
<li><a href="#">Spain</a></li>
</ul>
</li>
<li class="active"><a href="#">Inicio sesión</a></li>
</ul>

A ver si me pueden echar una mano, graciasss
  #2 (permalink)  
Antiguo 27/03/2015, 10:32
 
Fecha de Ingreso: febrero-2015
Mensajes: 61
Antigüedad: 9 años, 1 mes
Puntos: 15
Respuesta: Navbar - Problemas con el dropdown

hola.. veo que en tu codigo pones letras blancas

de que color es el fondo ?
  #3 (permalink)  
Antiguo 31/03/2015, 05:30
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Navbar - Problemas con el dropdown

Hola,

Los enlaces English y Spain deben tener color blanco constantemente y tanto el fondo del navbar como el dropdown-menu tiene que ser: #333333.

Cuando lo tengo maximizado en el navegador se ve correctamente, pero cuando minimizo y despliego el menú mediante el toggle, el texto tiene el color de fondo del body y cuando me pongo encima del enlace (hover), no se ve, cuando debería aparecer el texto en blanco.

Gracias,
  #4 (permalink)  
Antiguo 31/03/2015, 07:27
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Navbar - Problemas con el dropdown

eso debe de ser porque se cambian de Classes o ID y por eso no se ve el color >_< fijate que clases tiene y cuales se le ponen cuando haces eso del minimizo ;)
  #5 (permalink)  
Antiguo 31/03/2015, 07:48
 
Fecha de Ingreso: febrero-2015
Mensajes: 61
Antigüedad: 9 años, 1 mes
Puntos: 15
Respuesta: Navbar - Problemas con el dropdown

Cita:
Iniciado por estaisaderezados Ver Mensaje
Hola,

Los enlaces English y Spain deben tener color blanco constantemente y tanto el fondo del navbar como el dropdown-menu tiene que ser: #333333.
pues a eso me refiero... tienes LETRAS BLANCAS y FONDO BLANCO

Código CSS:
Ver original
  1. .dropdown-menu > li > a {
  2. display: block;
  3. padding: 3px 10px;
  4. clear: both;
  5. font-weight: normal;
  6. line-height: 1.42857143;
  7. color: #fff;
  8. white-space: nowrap;
  9.  
  10.  
  11.  
  12. background-color:  #333333;  
  13. }
  #6 (permalink)  
Antiguo 31/03/2015, 07:49
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Navbar - Problemas con el dropdown

Hola,

Al final se ha resuelto con:
color: white !important;

Hasta otra,

Etiquetas: bootstrap
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 19:59.