Foros del web, para los que viven de bits

DJJJ · 19-oct-2007, 20:28

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-oct-2007, 20:58

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-oct-2007, 06:18

otra forma, no uso el dreamweaber

Daniel Ulczyk · 20-oct-2007, 08:45

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-oct-2007, 09:20

muchas gracias funciona espectacular.

ahora porque no funciona ar vertical-align:middle

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

saludos

aprendiz_82 · 26-feb-2008, 12:59

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

rasmarko · 27-feb-2008, 00:29

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! ^^

19-oct-2007, 20:28	#1 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	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 __________________ DJJJ

19-oct-2007, 20:58	#2 (permalink)
Ansgar Fecha de Ingreso: octubre-2007 Ubicación: Lima - Peru XD Mensajes: 14	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 ..

20-oct-2007, 06:18	#3 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	Re: Iluminar celda al pasar el raton otra forma, no uso el dreamweaber __________________ DJJJ

20-oct-2007, 08:45	#4 (permalink)
Daniel Ulczyk Colaborador Fecha de Ingreso: febrero-2005 Ubicación: Buenos Aires Mensajes: 1.289	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 __________________ Utilidades para Webmasters Diseño Web

20-oct-2007, 09:20	#5 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	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 __________________ DJJJ

26-feb-2008, 12:59	#6 (permalink)
aprendiz_82 Fecha de Ingreso: diciembre-2002 Ubicación: algun lugar.... Mensajes: 372	Re: Iluminar celda al pasar el raton gracias por este ejemplo, es muy util...!!! __________________ El Poder De Uno , El Poder De Todos:pirata: Myrka´s Site Que Pasa Femenina Online

27-feb-2008, 00:29	#7 (permalink)
rasmarko Fecha de Ingreso: noviembre-2002 Ubicación: México Mensajes: 75	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! ^^ __________________ Fuentes - Diseweb - Frases Célebres

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado