Horizontal Navigation?

[perpetualnoob]

Hello, I keep looking up tutorials and redoing this but I can't get the horizontal Navigation to work. Right now it steps down like a ladder over the page.http://www.geocities.com/baileyaya/fauxcoindex.htmlthis is the cssh1,h2,h3,h4,h5,h6 {color:#fffacd;text-align:center;text-family:arial,helvetica,sans-serif;}th {color:#fffacd;}p {color:#fffacd;text-align:center;text-weight:bold;text-family:arial,helvetica,sans-serif;}body {background-image:url(leatherbground.jpg);background-repeat:repeat-y}div.container {width:100%;margin:0px;border:1px brown;line-height:150%;text-align:center;color:#fffacd;}div.header,div.footer {padding:0.5em;color:#fffacd;background-color:#1c1b14;clear:left;text-align:center;}h1.header {background-color:#1c1b14;padding:0;margin:0;text-align:center;color:#fffacd;}ul {float:left;width:100%;padding:0;margin:0;list-style-type:none;}a {float:left;width:6em;text-decoration:none;color:#fffacd;background-color:#1c1b14;padding:0.2em 0.6em;border-right:1px solid black;}a:hover {background-color:#1c1b14;}li {display:inline}a {text-decoration:none;color:#fffacd;}a:link {text-decoration:none;color:#fffacd;}a:visited {text-decoration:none;color:#fffacd;}a:active {text-decoration:none;color:#fffacd;}a:hover {text-decoration:underline;color:#fffacd;}img {border:0;} Thank you

[perpetualnoob]

Ah, this is closer using the Cssplay.co.uk tutorial here but the h2 is for some reason on the same line?http://www.geocities.com/baileyaya/fauxconav.htmlcss =a.nav {display:block;width:150px;height:25px;background-color:#1c1b14;border:1px solid#000000;}a.nav:link {display:block;width:150px;height:25px;background-color:#1c1b14;border:1px solid#000000;}a.nav:visited {display:block;width:150px;height:25px;background-color:#1c1b14;border:1px solid#000000;}Thank you if anyone can help =)

[pulpfiction]

give a <br /> after the set of links for navigation, then its gonna be in the next line.....

[Err]

<p><a class="nav" href="http://www.geocities.com/baileyaya/fauxcogallery.html"="gallery">Gallery</a><a class="nav" href="http://www.geocities.com/baileyaya/cbgallerytwo.html"="prints">Prints</a><a class="nav" href="http://www.geocities.com/baileyaya/cbbio.html"="bio">Bio</a><a class="nav" href="http://www.geocities.com/baileyaya/cblinks.html="links">Links</a></p>

Try adding a <div> and </div> instead of using <p> tags, it should take up all the area now and push "Welcome" down:

<div><a class="nav" href="http://www.geocities.com/baileyaya/fauxcogallery.html"="gallery">Gallery</a><a class="nav" href="http://www.geocities.com/baileyaya/cbgallerytwo.html"="prints">Prints</a><a class="nav" href="http://www.geocities.com/baileyaya/cbbio.html"="bio">Bio</a><a class="nav" href="http://www.geocities.com/baileyaya/cblinks.html="links">Links</a></div>

By the way, those links are all wrong :/

[scott100]

Have you fixed it cause it looked ok Here's the w3schools example anyway http://www.w3schools.com/css/tryit.asp?fil...e=trycss_float5

[perpetualnoob]

Have you fixed it cause it looked ok Here's the w3schools example anyway http://www.w3schools.com/css/tryit.asp?fil...e=trycss_float5

<{POST_SNAPBACK}>

Yep, yay, I added the br tag, now I'm going to try the div tag with the second one both of them seem to be doing ok now though. Thanks guys!!