Foros del Web » Creando para Internet » CSS »

Ayuda con hovers me descuadran y no se porque

Estas en el tema de Ayuda con hovers me descuadran y no se porque en el foro de CSS en Foros del Web. Buenas he hecho una botonera para abajo del banner mio de myspace con unos hovers en css que cuando pasas el raton por encima de ...
  #1 (permalink)  
Antiguo 13/05/2010, 16:40
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 7 meses
Puntos: 0
Ayuda con hovers me descuadran y no se porque

Buenas he hecho una botonera para abajo del banner mio de myspace con unos hovers en css que cuando pasas el raton por encima de las imagenes estas cambien la cuestion es que todo perfecto en firefox pero en internet explorer me sale una de las imagenes mas abajo como si no cabiera en la botonera es extrañisimo porque le he dado tamaño a las imagenes y al hover he quitado los bordes pading y margin 0 y no se porque me esta sucediendo esto dejo el codigo por aqui por si alguien me puede hechar una mano a ver si logro arreglar esto que me tiene mosca saludos a todos

El html es este

<div class="botonera">
<a class="photos" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=3867 23138">
<img src="http://i43.tinypic.com/b64s5j.jpg" alt="" width="160" height="50" border="0" /></a>
<a class="videoss" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=11 604737">
<img src="http://i39.tinypic.com/11ke82g.jpg" alt="" width="160" height="50" border="0" /></a>
<a class="message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4Lm NmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PTM4NjcyMzEzOA=="><img src="http://i43.tinypic.com/1zg5dtx.jpg" alt="" width="160" height="50" border="0" /></a>
<a class="addme" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm 0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcm llbmRJZD0zODY3MjMxMzg=">
<img src="http://i43.tinypic.com/2ylrz0l.jpg" alt="" width="160" height="50" border="0" /></a>
<a class="facebook" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9jcmlzdGlhbmJhcm 9uZGo=">
<img src="http://i43.tinypic.com/znvvc5.jpg" alt="" width="160" height="50" border="0" /></a>
</div>

el css este

.botonera {
float: left;
height: 50px;
width: 800px;
}
a.photos {
width:160px;
height: 50px;
display:block;
background-image:url(http://i41.tinypic.com/znahd4.jpg);
float: left;
margin: 0px;
padding: 0px;
}
a.photos:hover img {
visibility:hidden;

}

a.videoss {
width:160px;
height: 50px;
display:block;
background-image:url(http://i39.tinypic.com/23l125h.jpg);
float: left;
margin: 0px;
padding: 0px;

}
a.videoss:hover img {
visibility:hidden;

}


a.message {
width:160px;
height: 50px;
display:block;
background-image:url(http://i40.tinypic.com/1zgw2ys.jpg);
margin: 0px;
padding: 0px;
float: left;

}
a.message:hover img {
visibility:hidden;

}

a.addme {
width:160px;
height: 50px;
display:block;
background-image:url(http://i43.tinypic.com/16baiqo.jpg);
float: left;
margin: 0px;
padding: 0px;

}
a.addme:hover img {
visibility:hidden;

}

a.facebook {
width:160px;
height: 50px;
display:block;
background-image:url(http://i40.tinypic.com/313ppoz.jpg);
float: left;
margin: 0px;
padding: 0px;
}
a.facebook:hover img {
visibility:hidden;


}
  #2 (permalink)  
Antiguo 13/05/2010, 17:11
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Ayuda con hovers me descuadran y no se porque

dejo la direccion del myspace por si acaso alguien le quisiera hechar un vistazo saludos

www.myspace.com/cristianbaron

Última edición por cristianbr; 13/05/2010 a las 17:34

Etiquetas: Ninguno
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 16:25.