Hola:
Tengo un problema que me lleva loco. Estoy creando unos botones con css y no puedo centrar texto verticalmente.
este es el diseño
Aqui mi CSS
Código:
.botonmenu {
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: bold;
height: 60px;
text-decoration: none;
width: 100px;
}
.botonmenu:hover {
background-image: url("http://www.juegga.com/i/menuon.png");
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: bold;
height: 60px;
text-decoration: none;
width: 100px;
}
.menu {
background-attachment: scroll;
background-color: 0 0 transparent;
background-image: url("http://www.juegga.com/i/fondo menu.png");
background-position: ;
background-repeat: no-repeat;
height: 70px;
margin: 0 0 35px;
padding-top: 4px;
width: 990px;
}
Aqui mi codigo HTML;
Código:
<div class="logo" align="center"><a href="http://www.juegga.com"><img src="http://www.juegga.com/i/logo.png" alt="Logo" width="250" height="150" border="0" title="Juegos Gratis"></a></div>
<div class="menu" >
<a class="botonmenu" href="http://www.juegga.com">Home</a>
</div>
Intente con padding pero en firefox se deforma el boton.
Alguien tiene alguna idea?