View Single Post
  #2 (permalink)  
Old January 19th, 2007, 10:12 AM
meow meow is offline
Friend of Wrox
Points: 1,315, Level: 14
Points: 1,315, Level: 14 Points: 1,315, Level: 14 Points: 1,315, Level: 14
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: , , .
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

Nope, you don't need any of that, not even the table. All you need is a little CSS.

This would be more structurally sound if the links were in an UL, but it's easier to see what's going on if kept as simple as possible.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Blah</title>

<style type="text/css">
body        { color: black; background: white }
#nav        { width: 10em }
#nav a      { display: block;
              padding: .5em 0 .5em .3em;
              margin-bottom: .3em;
              border: 2px solid black;
              font: bold 100% Arial, sans-serif;
              text-decoration: none;
              color: white; background: black }
#nav a:hover { color: red; background: white }
</style>

</head>


<body> 

<div id="nav">
<a href="http://google.com">Google</a>
<a href="http://google.com">Google</a>
<a href="http://google.com">Google</a>
<a href="http://google.com">Google</a>
</div>

</body>
</html>

--
http://yupapa.com
Reply With Quote