CSS para el menú superior afecta a los enlaces del footer

Marpunzel2101 a la(s) 10h47
11
May
2012
Buenas, tengo un pequeño problema, tengo un modelo de menú en la cabecera de este modo:

Spoiler:


Pero abajo, en el pie de página también sale el modelo en las letras:

Spoiler:


Mi pregunta es ¿Por qué?. Cuando había colocado el código hace muchas semanas atrás no pasaba eso con el pie de página, borré todos los CSS y solo coloqué este código y sigue apareciendo, habrá algún error en el mismo? me gustaría una ayuda, gracias de antemano, dejaré el código como le tengo justo.

Código:
/*Cabecera Navbar*/

.page-header, .navbar {
  background: transparent;
  position: center;
  top: 5px;
  left: 360px;
  right: 0;
}

.page-header, .navbar ul.linklist li a {
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.page-header, .navbar ul.linklist li a {
  background: url("http://img41.imageshack.us/img41/9927/pruebi2.png");
  padding: 4px 4px;
  color: #2d2638;
  text-decoration: none;
  font-size: 1.1em;
  font-family: Calibri;
  text-transform: uppercase;
  border-radius: 3px;
  border-top: 1px solid #2d2638;
}

.page-header, .navbar ul.linklist li a:hover {
  background: url("http://img834.imageshack.us/img834/5788/pruebi.png") repeat top center;
}

.page-header, .navbar ul.navlinks {
  border-bottom: none;
}

.search-box, .search-box {
  display: none;
}
1 Turbodeif, el 11/05/2012 a la(s) 12h55
Hola,
Por favor, lee las normas. Debes poner un título claro a tu duda no usando frases o palabras generalizadas como "error" .

Por favor edita tu mensaje y detalla más tu problema en el título.

A ver si lo entiendo ¿Quieres decir que el estilo (CSS) que aplicas a tu menú superior también se aplica al menú inferior y no deseas que pase esto?

Saludos
2 Marpunzel2101, el 11/05/2012 a la(s) 14h57
Cuanto lamento lo del título del tema! ya lo he arreglado. Sí, exactamente, el problema se presenta en el menú inferior y no deseo eso. No sé realmente el detalle... pero si pudiera haber algo para arreglarlo, se agradecería un mundo!
3 Turbodeif, el 11/05/2012 a la(s) 16h00
Marpunzel2101 escribió:Cuanto lamento lo del título del tema! ya lo he arreglado. Sí, exactamente, el problema se presenta en el menú inferior y no deseo eso. No sé realmente el detalle... pero si pudiera haber algo para arreglarlo, se agradecería un mundo!



Repito, por favor, lee las normas. Debes poner un título claro a tu duda no usando frases o palabras generalizadas como "error" o "problema" .

"Problema en el menú de cabecera" no describe nada acerca de tu problema.

Al ser usuario nuevo te adecuaré yo mismo el título, pero recuerda esta norma la próxima vez

Título original: Problema en el menú de cabecera
Título modificado: CSS para el menú superior afecta a los enlaces del footer


Por favor, desactiva el mantenimiento de tu foro para poder inspeccionar la incidencia en pos de darte un mejor soporte.

Saludos
4 SummonX, el 11/05/2012 a la(s) 20h22
Hola.
Te dejo el CSS dado en el tema, mejorado y prueba para ver si te eh ayudado.
Código:
/*Cabecera Navbar*/
#page-header, #page-header .navbar {
  background: transparent;
  position: center;
  top: 5px;
  left: 360px;
  right: 0;
}

#page-header, #page-header .navbar ul.navlinks li a {
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
}

#page-header, #page-header .navbar ul.navlinks li a {
  background: url("http://img41.imageshack.us/img41/9927/pruebi2.png");
  padding: 4px 4px;
  color: #2d2638;
  text-decoration: none;
  font-size: 1.1em;
  font-family: Calibri;
  text-transform: uppercase;
  border-radius: 3px;
  border-top: 1px solid #2d2638;
}

#page-header, #page-header .navbar ul.navlinks li a:hover {
  background: url("http://img834.imageshack.us/img834/5788/pruebi.png") repeat top center;
}

#page-header, #page-header .navbar ul.navlinks {
  border-bottom: none;
}

.search-box, .search-box {
  display: none;
}



Flecha Si te eh ayudado con tu duda/problema, no olvides pinchar en el boton :gracias2:.
Flecha Recuerda, si tu duda fue resuelta, edita tu msj y coloca el icono de resolu.
5 Marpunzel2101, el 12/05/2012 a la(s) 10h07
Hola, gracias a los dos! pero ya he solucionado el problema, en el código que tenía simplemente debía reemplazar el ".page-header, .navbar {" a un "#page-header .navbar {"

Quitar comas y borrar el punto, que cosas pequeñas pueden hacernos un cambio enorme, gracias nuevamente y doy por resuelto el tema! :)
Temas similares
Hola, Invitado No se si os habéis dado cuenta, pero en el footer de este foro hay 16 enlaces de los cuales 10 no son los que vienen por defecto en los foros. Mi propuesta es eliminar al menos cinco de estos enlaces que son: Y sustituirlos por
Hola! Yo soy portugués y yo no hablo español, lo siento Me gustaría saber donde puedo modificar los enlaces de redes sociales Foroactivo el bar porque tiene los enlaces no son la página oficial de mi foro por ejemplo Facebook. Sólo sirven para
me dieron este código: .postbody .content img { display: block; margin-left: auto !important; margin-right: auto !important; } asi se ve actualmente como excluir los emoticons, gracias
A ver también
more_less
Informaciones

5 Respuestas Para el tema :
"CSS para el menú superior afecta a los enlaces del footer"

Este tema a sido visto 1115 veces.

Último mensaje escrito :
11/05/2012 a la(s) 10h47 por "Marpunzel2101"