Foros del Web » Creando para Internet » CSS »

Problema con css

Estas en el tema de Problema con css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/08/2011, 00:06
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 5 meses
Puntos: 7
Pregunta Problema con css

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?
__________________
Fondos de pantalla
Juegos Gratis
  #2 (permalink)  
Antiguo 03/08/2011, 00:57
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 13 años, 5 meses
Puntos: 63
Respuesta: Problema con css

Añadele un padding al bottonmenu, y al hover restale el número de px que añadiste en tu padding.
  #3 (permalink)  
Antiguo 03/08/2011, 01:53
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 5 meses
Puntos: 7
Respuesta: Problema con css

Hola

Ya habia probado eso, esto es lo que sucede:

en internet explorer queda bien pero en firefox se deforma el boton


__________________
Fondos de pantalla
Juegos Gratis
  #4 (permalink)  
Antiguo 03/08/2011, 02:25
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 13 años, 5 meses
Puntos: 63
Respuesta: Problema con css

Copia y pega este codigo por el tuyo y me dices si te funciona.
Código CSS:
Ver original
  1. .menu{
  2. background-attachment: scroll;
  3. background-color: 0 0 transparent;
  4. background-image: url("http://www.juegga.com/i/fondo menu.png");
  5. background-repeat: no-repeat;
  6. height: 65px;
  7. margin: 0 0 35px;
  8. width: 990px;
  9. padding-top: 5px;
  10. padding-left: 5px;
  11. }
  12.  
  13. .botonmenu{
  14. color: #FFFFFF;
  15. display: block;
  16. font-size: 15px;
  17. font-weight: bold;
  18. height: 60px;
  19. text-decoration: none;
  20. width: 100px;
  21. padding-top: 10px;
  22. text-align: center;
  23. }
  24.  
  25. .botonmenu:hover{
  26. background-image: url("http://www.juegga.com/i/menuon.png");
  27. color: #FFFFFF;
  28. display: block;
  29. font-size: 15px;
  30. font-weight: bold;
  31. height: 49px;
  32. *height: 59px;
  33. padding-top: 10px;
  34.  
  35. text-align: center;
  36. text-decoration: none;
  37. width: 100px;}
  #5 (permalink)  
Antiguo 03/08/2011, 02:41
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Problema con css

Agrega
line-height:60px;
segun la altura del menu.... sin paddings
__________________
Toroflix - movies.
  #6 (permalink)  
Antiguo 03/08/2011, 13:45
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 5 meses
Puntos: 7
Respuesta: Problema con css

Gracias por sus respuestas

Batan sos un genio!!

Funciona perfecto.

Pudo ver que era esto no? *height: 49px; para firefox

Mil gracias
__________________
Fondos de pantalla
Juegos Gratis

Etiquetas: verticalmente, botones
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 05:33.