Foros del Web - Iluminar celda al pasar el raton

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Iluminar celda al pasar el raton (http://www.forosdelweb.com/f53/iluminar-celda-pasar-raton-527160/)

DJJJ	19/10/2007 20:28

Iluminar celda al pasar el raton

Hola, como estan

hice este codigo

Código PHP:

   <html>

 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>aaa</title>

</head>

 
<style>

 
td a { background-color : #000FF;width:100%;height:100%;};

td a:hover { background-color : #FF00FF;width:100%;height:100%;};

 
</style>

<body>

 
<table width = "50%">

<tr><td height ="80" bgcolor="#C0C0C0">

<a href ="#">enlace 1</a>

</td></tr>

<tr><td bgcolor="#C0C0C0">

<a href ="#">aaa</a>

</td></tr>

<tr><td bgcolor="#C0C0C0">

<a href ="#">aaa</a>

</td></tr>

 
</table>

</body>

 
</html>

pero no logro poder alinear verticalmente el "enlace 1"para que aparezca centrado. y que se ilumine toda la celda

porque si le sacamos el height:100% queda centrado pero no se ilumina toda la celda

alguna ayuda please.

gracias

Ansgar

19/10/2007 20:58

Re: Iluminar celda al pasar el raton

si usas dreamweaber modifica el estilo en la parte q dice bloque y seleccion en el ultimo campo la opcion "bloque".

algo asi! .. ais se rellenara la celda y no solo el fondo de texo q tienes incrustado ahi..

avisame si te funciono.

suerte ..

DJJJ	20/10/2007 06:18

Re: Iluminar celda al pasar el raton

otra forma, no uso el dreamweaber

Daniel Ulczyk

20/10/2007 08:45

Re: Iluminar celda al pasar el raton

Podés utilizar line-height:

Código HTML:

tr {

    line-height: 80px;

}

Aunque para un tr en particular debieras definar una class, por ejemplo.

De otra manera, ya que existen varias técnicas al respecto; podés consultar el siguiente enlace:

Vertical centering using CSS

DJJJ	20/10/2007 09:20

Re: Iluminar celda al pasar el raton

muchas gracias funciona espectacular.

ahora porque no funciona ar vertical-align:middle

que hay que recurrir a line-height: 80px;

saludos

aprendiz_82

26/02/2008 13:59

Re: Iluminar celda al pasar el raton

gracias por este ejemplo, es muy util...!!!

rasmarko

27/02/2008 01:29

Re: Iluminar celda al pasar el raton

Podría funciona con esto:

Código:

td { vertical-align: middle; }

td a {

padding: 10px 20px 10px 20px;

display: block;

}

td a:hover { background: #FF00FF; }

Que tengas mucha suerte! ^^

La zona horaria es GMT -6. Ahora son las 20:57.