Buenas a todos primero de todo indicaros que soy nuevo en el foro i es evidente este es mi primer mensaje , dicho esto estoy atascado en un menu css en el apartado del hover
mi intencion es que cuando pase el raton por encima el fondo cambie de color pero que mantenga en todo momento el tamaño del cuadro que le he dado , el caso es que no se como hacerlo apra determinar el tamaño del cuadro del hover, lo he intentado tanto con listas como con tablas i la verdad ya no se que hacer, ahi va el codigo de las listas
Cita: #barramenu {
background-repeat: repeat-x;
margin-right: auto;
margin-left: auto;
background-image: url(../imatges/barramenu.png);
height: 50px;
width: 900px;
}
#barramenu ul {
list-style-type: none;
padding-left: 60px;
text-align: center;
vertical-align: middle;
padding-top: 15px;
font-size: 16px;
font-family: LondonBetween;
text-transform: uppercase;
word-spacing: 130px;
}
#barramenu ul li {
display: inline;
height: 50px;
width: 225px;
}
#barramenu ul li a {
color: #2e74dd;
text-decoration: none;
}
#barramenu ul li a:link {
color: #2e74dd;
}
#barramenu ul li a:visited {
color: #2e74dd;
text-decoration: none;
}
#barramenu ul li a:hover {
color: #2e74dd;
background-image: url(../imatges/menu2.png);
padding-top: 15px;
padding-bottom: 15px;
background-repeat: repeat-x;
y ahi va la de la tabla :
Cita: <style type="text/css">
td {
text-align: center;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
body table tr td a:link {
font-family: LondonBetween;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
body table tr td a:visited {
font-family: LondonBetween;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
}
body table tr td a:hover {
color: #00C;
background-color: #FFF;
height: 50px;
width: 200px;
padding-top: 15px;
padding-bottom: 15px;
background-repeat: repeat-x;
background-image: url(imatges/fonshover.png);
}
</style>
muchas gracias por adelantado