I had the same problem, I needed to rewrite it to get a centered version. There may be an easier way but, I couldn't figure it out, and as I recall it got a little complicated, here is what I did:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#footer a {
font: bold 13px arial,sans-serif;
text-decoration:none;
padding: 2px 1ex;
text-decoration: none;
float: left;
color: black;
background-color: #ffffff;
border: 2px solid #ffffff;
}
#footer a:hover {
background-color: #dadada;
border-style: outset;
}
#footer {
border-collapse:collapse;
background-color:#ffffff;
}
* html #footer {
border:1px solid #ffffff;
}
#footer td {
height:1.5em
}
html>body #footer a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
</head>
<body>
<table id="footer" align="center"><tr><td valign="middle"><a href="main_1.htm">Home</a></td><td valign="middle"><a href="art_directory_2.htm">Art Directory Two</a></td><td valign="middle"><a href="directory_3_three/art_directory.asp">Art Directory Three</a></td><td valign="middle"><a href="about_orig.htm">About</a></td><td valign="middle"><a href="email_addys.htm">Contact Us</a></td><script type="text/javascript">
document.write('<td valign="middle"><a href="index.htm">View Intro</a></td>')
</script></tr></table>
</body>
</html>
Notes: I used the id 'footer' simply because, in my layout, it was a footer menu. I adapted the colors to my design. Hopefully, you can adapt them to yours as well.
Horizontal Hover Menu
Reply With Quote
Bookmarks