Candipants

Just had a chat with Richard from Wesh and I have to say a top bloke with clear concise info and advice even though we pretty much established straight away his services were not required. As in I could manage what I needed to achieve without using Wesh. Cheers..

Thanks this is really helpful

Hey Eskymo, thanks for replying. Its the main-nav that isn't working. The altnav at the bottom works fine. This is why I'm confused. I was wondering if it has anything to do with the code that I'm using for the css navigation?

Does anyone have an idea as to what I need to do in order to link my pages together? Help much appreciated!

Hi Dizi Here's the css: /* Main Navigation ------------------------------------------------- */ #main-nav { height: 88px; float: right; margin-top: 39px;} #main-nav ul { margin: 0; padding: 0; list-style-type: none; } #main-nav li { float: left; } #main-nav li a { float: right; height: 0px !important; height /**/:88px; /* IE 5/Win hack */ padding: 88px 0 0 0; overflow: hidden; background-repeat: no-repeat; border-bottom: 0 none; } a img { border: 0 none; border-bottom: 0 none; } #main-nav li a:hover { background-position: 0 -88px; } #main-nav li#home, #main-nav li#home a { width: 81px; background-image: url(../images/nav/home.png); } #main-nav li#services, #main-nav li#services a { width: 93px; background-image: url(../images/nav/services.png); } #main-nav li#portfolio, #main-nav li#portfolio a { width: 96px; background-image: url(../images/nav/portfolio.png); } #main-nav li#contact, #main-nav li#contact a { width: 91px; background-image: url(../images/nav/contact.png); } #main-nav li#submit, #main-nav li#submit a { width: 144px; background-image: url(../images/nav/submit.png); } body.home li#home, body.home li#home a, body.home li#home a:hover, body.services li#services, body.services li#services a, body.services li#services a:hover, body.portfolio li#portfolio, body.portfolio li#portfolio a, body.portfolio li#portfolio a:hover, body.contact li#contact, body.contact li#contact a, body.contact li#contact a:hover body.submit li#submit, body.submit li#submit a, body.submit li#submit a:hover { background-position: 0 -176px; and here is the html page: <body class="home"> <div id="wrapper"> <div id="main-nav"> <ul> <li id="home"><a href="/index.html">Home</a></li> <li id="services"><a href="/html/services.html">Services</a></li> <li id="portfolio"><a href="/html/portfolio.html">Portfolio</a></li> <li id="contact"><a href="/html/contact.html">Contact</a></li> <li id="submit"><a href="/html/submit.html">Submit a brief</a></li> </ul> </div> <div id="header"><h1><a href="index.html"><img src="images/general/logo.png" alt="Candydesign" width="433" height="127" border="0" /></a></h1> </div> <div id="sidebar-a"> <div class="padding"> <center><img src="images/sidebar/home.png" width="142" height="40" alt="Home" /> </center> </div> </div> <div id="content"> <div class="padding"> </div> </div> <div id="footer"> <div id="altnav"> <a href="index.html">Home - </a> <a href="html/services.html">Services - </a> <a href="html/portfolio.html">Portfolio - </a> <a href="html/contact.html">Contact </a>- <a href="#">Terms & Conditions</a> </div> </div> </div> </body> Thanks

Hi I'm designing my site using css and have followed a tutorial to create my navigation using a 100% css solution. This all works fine on each page however my problem is now linking the pages. Is this done with css or do I need some other code to implement this? If anyone could help it would be really appreciated! Thanks

Hi I've been doing design for print for many years now but really would like to branch out into web design more. At the moment I'm trying to build my own site using css and so far so good, however I have now hit a problem so need help! Hopefully I'll be able to find some here. Cheers