Hi,
The following menu doesn't work in IE6:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.tablemenu {
font-family: "Century Gothic";
font-size: 14px;
font-weight: bold;
font-style: normal;
text-align:center;
color: #FFFFFF;
background-image:url('MenuBckg.png');
}
.overmenu{
cursor: pointer;
color: #FFFFFF;
}
#cell{background-image:url('MenuBckg.png'); background-repeat:repeat-x;}
#cell:hover{background-image:none; background-color:#999999;}
</style>
</head>
<body>
<table style="width: 900px; height: 50px" class="tablemenu">
<tr>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Home</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Perfil</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Servicios</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Blog</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Directorio</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Chat</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Programas</td>
<td id="cell" class="overmenu" onclick="parent.location='#'" >Contacto</td>
</tr>
</table>
</body>
</html>
I made some changes and now it seems to be working in all major browsers:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menu</title>
<style type="text/css">
table {width:900px; height:50px; font:bold 14px Century Gothic; text-align:center; background-image:url('MenuBckg.png')}
a {display:block; height:50px; color: #FFFFFF; text-decoration:none}
a:hover {background-color:#999999}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#">Home</a></td>
<td><a href="#">Perfil</a></td>
<td><a href="#">Servicios</a></td>
<td><a href="#">Blog</a></td>
<td><a href="#">Directorio</a></td>
<td><a href="#">Chat</a></td>
<td><a href="#">Programas</a></td>
<td><a href="#">Contacto</a></td>
</tr>
</table>
</body>
</html>
However, now I don't know how to vertically center the text.
Any help is appreciated!
Rain Lover
