Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2011, 18:02
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 7 meses
Puntos: 7
Pregunta Alinear texto Vertical

Buenas a todos, tengo el siguiente boton.

Código HTML:
Ver original
  1. <div onclick="home1()" class="home" id="home100"><p>Inicio</p></div>

y Con CSS quiero alinearlo al meddio de la imagen, creo que algo he hecho mal y repetitivo.

codigo CSS:

Código CSS:
Ver original
  1. .home{
  2.     font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
  3.     vertical-align:middle;
  4.     position:absolute;
  5.     width:116px;
  6.     height:35px;
  7.     background-image:url(Img_port/home1.jpg);
  8.     background-repeat:no-repeat;
  9.     top:0px;
  10.     left:139px;}
  11. .home:hover{
  12.     vertical-align:middle;
  13.     /*line-height:17px;*/
  14.     font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
  15.     font-size:13px;
  16.     text-align:center;
  17.     /*line-height:17px;*/
  18.     font-size:15px;
  19.     position:absolute;background-image:url(Img_port/home2.jpg); cursor:pointer;}

Asi esta ahora:



Saludos a todos
fede