Buenas noches y muchas gracias por la respuesta, he utilizado la primera solucion porque con lo del atributo no:(.logo) nose porque se me come el logo y el menu no me hace el hover. le echare un vistazo a fondo que aqui son las 3 de la madrugada y mañana madrugo. Muchas gracias de nuevo, que es un poco jodido estar haciendolo de manera autodidacta y tener preguntas tan simples...
Normalmente lo que se hace es sobre escribir los valores en el class/id especifico. Esto es un poco feo pero se hace por compatibilidad (
http://caniuse.com/css-sel3).
.logo:hover {background:url("../img/logo.jpg") !important;}
Aunque si lo deseas hacer bonito y como debería ser en teoría, basta con utilizar el selector
not() de CSS.
#menu ul li a:not(.logo):hover {
PD: No existe hover como propiedad en CSS. Solo como selector.
PD2: Utilizar etiquetas [code][/code]. Leer reglas -> Normas del subforo de Desarrollo WebSaludos
Hola de nuevo, de nuevo ando con la complicacion pero a cambiado de nivel;
no logro ajustar el madito logo al pattern que tengo en el menu. Estoy haciendo el efecto para que se quede arriba y cuando a otra pagina mediante jquery tenga el efecto box shadow pero no logro adaptar el maldito logo, al menos ya no me pestañea cada vez que lo paso. mando captura;
tengo el css configurado asi partiendo del menu que el fondo es el pattern para el menu;
#menu {
background: url("../img/fondo.png") repeat;
text-align: center;
width: 850px;
position: fixed;
top: 0;
box-shadow: 0 2px 5px rgba(191, 0, 44, 0.7);
-webkit-box-shadow: 0 2px 5px rgba(191, 0, 44, 0.7);
-moz-box-shadow: 0 2px 5px rgba(191, 0, 44, 0.7);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu ul li {
list-style: none;
display: inline-block;
padding: 40px 10px;
margin-left: -25px;
}
#menu ul li a {
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 40px 10px;
text-decoration: none;
}
#menu ul li a:hover{
background: url('../img/fondo1.png') ;
color: #000;
}
.logo {
background: url("../img/logo.jpg") !important ;
background-repeat: no-repeat;
padding:60px 70px !important;
box-shadow: 0 10px 6px -6px rgba(191, 0, 44, 0.7);
-webkit-box-shadow: 0 10px 6px -6px rgba(191, 0, 44, 0.7);
-moz-box-shadow: 0 10px 6px -6px rgba(191, 0, 44, 0.7);
}
muchas gracias de antemano