Ya lo solucione todo muchas gracias de todas formas
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes MenúCita de: #!drvy en 23 Febrero 2014, 22:56 PM
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 Web
Saludos
#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);
}
<div id="container">
<div id="menu">
<ul>
<li><a href="#servicios">SERVICIOS</a></li>
<li><a href="#fotos">FOTOS</a></li>
<li><a href="#inicio" class="logo"></a></li>
<li><a href="#hobbies">HOBBIES</a></li>
<li><a href="#contacto">CONTACTO</a></li>
</ul>
</div> <!-- menu -->
#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") ;
background-repear: no repeat;
background-position: center center;
padding-left: 65px !important;
padding-right: 65px !important;
hover: block;
}