Comments,Please

[JunkBot]

http://www.freewebs.com/iainturnerest/test.html

Can someon tell me what they think of this design, and can someone help as to why the CSS displays correct in IE but not in FF.

Cheers

Junk

 

[Tripnologist]

Well, for starters, you don't need this at the top and bottom of your css sheet. (this will sort your background issue)

<style type="text/css">
<!-- 
--!>
</style>

Instead of doing your borders as thin, use px instead. (this will sort the different sized borders)

border-top: 1px solid #000;

Your nav is all wrong.

<div id="nav">
<hr>
<!-- This isn't needed - lose it --><h3>
<!-- add this ul (unordered list) tag --><ul>
<li><a href="index.php">Home</a></li>
<li><a href="news.php">News</a></li>
<li><a href="course.php">Golf Course</a></li>
<li><a href="members.html">Members Area</a></li>
<li><a href="fixtures.php">Fixtures</a></li>
<li><a href="visitors.php">Visitors</a></li>
<!--remove these line breaks. --><br><br>
<!-- add id or class to li below and then give the class margin to seperate it from the li items above -->
<li id="login"><a href="login.php">Login</a></li>
<!-- add this closing ul tag --></ul>
</div>

You'll also want to add ul styling to remove the margins (which by default are different between IE6 and FF) and then change it to whatever padding/margins you want.

div#nav ul { margin: 0; padding: 0;}

That's as far as I got. I need to start work now.