Foros del Web » Creando para Internet » CSS »

Iluminar celda al pasar el raton

Estas en el tema de Iluminar celda al pasar el raton en el foro de CSS en Foros del Web. Hola, como estan hice este codigo Código PHP: < html > < head > < meta http - equiv = "Content-Type"  content = "text/html; charset=windows-1252" > < ...
  #1 (permalink)  
Antiguo 19/10/2007, 20:28
 
Fecha de Ingreso: octubre-2005
Mensajes: 407
Antigüedad: 18 años, 5 meses
Puntos: 2
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
  #2 (permalink)  
Antiguo 19/10/2007, 20:58
 
Fecha de Ingreso: octubre-2007
Ubicación: Lima - Peru XD
Mensajes: 17
Antigüedad: 16 años, 5 meses
Puntos: 0
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 ..
  #3 (permalink)  
Antiguo 20/10/2007, 06:18
 
Fecha de Ingreso: octubre-2005
Mensajes: 407
Antigüedad: 18 años, 5 meses
Puntos: 2
Re: Iluminar celda al pasar el raton

otra forma, no uso el dreamweaber
__________________
DJJJ
  #4 (permalink)  
Antiguo 20/10/2007, 08:45
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años
Puntos: 2114
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
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 20/10/2007, 09:20
 
Fecha de Ingreso: octubre-2005
Mensajes: 407
Antigüedad: 18 años, 5 meses
Puntos: 2
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
  #6 (permalink)  
Antiguo 26/02/2008, 13:59
Avatar de aprendiz_82  
Fecha de Ingreso: diciembre-2002
Ubicación: algun lugar....
Mensajes: 536
Antigüedad: 21 años, 2 meses
Puntos: 1
Re: Iluminar celda al pasar el raton

gracias por este ejemplo, es muy util...!!!
__________________
El Poder De Uno , El Poder De Todos:pirata:
Que Pasa
Femenina Online
  #7 (permalink)  
Antiguo 27/02/2008, 01:29
Avatar de rasmarko  
Fecha de Ingreso: noviembre-2002
Ubicación: México
Mensajes: 78
Antigüedad: 21 años, 4 meses
Puntos: 1
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
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 21:06.