Help with float/positioning

Phaser

Phaser

Phaser

Associate
Joined
17 Mar 2004
Posts
1,562
Hi all.

I'm currently working on my website http://www.yorkshirejunkies.co.uk/

I rushed the website when I did it, and theres a lot of nasty code in there.

I've been meaning to rewrite it for a long time and add a few new bits whilst I was there such as a CMS and so on.

However I don't seem to be getting very far. :o

http://dzire-live.com/yj

The text dosen't seem to start straight away in the content area? The navigation is floated left, and the content area is floated right, all padding/widths are fine so I don't know whats causing this?

If someone could have a quick look it'd be great.

Cheers OCUK. :cool:
 
Anyone? :)

Also seem to be getting trouble with the topnav - no idea why as it's copied exactly the same from the CSS. On IE it's fine, however on FF it appears to be a lot further down?

Code: 
<div id="topnav">
<ul>
	<li><a href="index.php" title="Home">Home</a></li>
	<li><a href="shop.php" title="Shop">Shop</a></li>
	<li><a href="shop.php" title="Gallery">Gallery</a></li>
	<li><a href="shop.php" title="Forum">Forum</a></li>
</ul>  	
</div>

Code: 
#topnav{
    border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	height: 25px;
	width: 760px;
	background-color:#000000;
	text-align:center;
	}
#topnav ul {
	float:left;
	width:600px;
	vertical-align: text-top;
	list-style-type: none;
	}
#topnav ul li
{
	padding-left:25px;
	list-style-type:none;
	float:left;
	margin:0px;
	color: red;
	line-height:20px;
	font-weight: bold;
}
#topnav ul li a
{
	color:#c51e21;
	text-decoration:none;
}
#topnav ul li a:hover
{
	color: #fff;
	text-decoration:underline;
}

http://dzire-live.com/yj/

Cheers.
 
You must log in or register to reply here.
Back
Top Bottom