Estoy intentando aplicar un efecto para iluminar celdas:
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
@font-face {
font-family: "Arial";
src: url("./arial.ttf");
}
body {
background-color: #807CA8;
scrollbar-shadow-color: #706C98;
scrollbar-highlight-color: #E0E0E0;
scrollbar-darkshadow-color: #cccccc;
scrollbar-track-color: #7E94C3;
scrollbar-arrow-color: #7E94C3; }
#menu { position:relative;
top:10px;
bottom:10px;
text-align:center;
color:#5F587A;
background:#706C98;
}
#menu th { position:relative;
font-family: Arial;
font-weight: bold;
letter-spacing:1px;
font-size:14;
color:#FFFFFF;
background:#5F587A;
padding-left: 4px;
padding-right: 4px;
padding-top: 50px;
padding-bottom: 50px;}
#menu td { vertical-align:sub;
position:relative;
height:40;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #706C98;
border-style: outset;
font-family: Arial;
letter-spacing:1px;
font-size:14px;
color:#FFFFFF;
background:#A0A0B8;
}
#menu a { display:block;height:20;
text-decoration:none;
}
#menu a:active,#menu a:link
{ display:block;
background:#A0A0B8;
color:#EEEEEE}
#menu a:hover
{ display:block;
background-color: #C0C0D8;
color:#A0A0B8}
#menu a.letra { display:block;
vertical-align:middle;
color:#EEEEEE}
</STYLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<table id="menu" cellspacing="10">
<tr>
<th height="30">
<span class="letra">
.:: El Otro Sitio ::.
</span>
</th>
</tr>
<tr>
<td >
<a href="#">
<span class="letra">
Noticias
</span>
</a>
</td>
</tr>
</tr>
<tr>
<td >
<a href="#"><span class="letra">Foros</span></a>
</td>
</tr>
</tr>
<tr>
<td >
<a href="#"><span class="letra">Artículos</span></a>
</td>
</tr>
<tr>
<td >
<a href="#"><span class="letra">Ranking</span></a>
</td>
</tr>
<tr>
<td >
<a href="#"><span class="letra">Jugar</span></a>
</td>
</tr>
<tr>
<th height="400"></th>
</tr>
</table>
</BODY>
</HTML>
Y mi problema es que con altura height:40; en el estilo ya no se me ilumina entero, solo una parte
. si lo reduzco a height:20; sin embargo si que funciona :S
No entiendo mucho de css, lo mismo he cometido algunos errorcillos.
Salu2. (me disculpo si ya se trato pero he estado hojeando y no encontre nada)