Forum Moderators: not2easy
any suggestions would be great... getting tired and can't see this straight anymore.
want it to sit flush, or just exact size with the td.
cheers
(cant attach the images, but here is the code anyway...)
==============
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.nispacer {
font-size: 1px;
visibility: none;
}
#topNav {
margin: 0;
padding: 0;
}
#topNav li {
padding: 0;
margin: 0;
list-style: none;
float: left;
display: inline;
}
#topNav img {
border: none;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" width="760" height="25">
<tr>
<td width="760" height="6"><div class="nispacer"> </div></td>
</tr>
<tr>
<td width="760" height="19">
<ul id="topNav">
<li><a href="#"><img src="image_1.gif" height="19" width="104"></a></li>
<li><a href="#"><img src="image_2.gif" height="19" width="92"></a></li>
<li><a href="#"><img src="image_3.gif" height="19" width="104"></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>
A good days sleep will refresh your mind. It always does for me :D
Why are you using a bullted list? I fail to see it's usuage. Remove the bullited list and you should have less problems. It's not something that calls for a bullet list.
yeah, I was wondering if the list was a bit too much... so take away the list and just leave the 3 images within the <div> tags?
is that a good way to approach this type of menu or are there better ways?
cheers.
<a href="#"><img src="image_1.gif" height="19" width="104" border="0"></a><a href="#"><img src="image_2.gif" height="19" width="92" border="0"></a><a href="#"><img src="image_3.gif" height="19" width="104" border="0"></a>
