silververmine

Hey there again, I seem to have run into a little problem with linking a web page, I created a CSS drop down menu and all links apart from one are working fine, the html page is named correctly and the <a href> seems right as well, I have no idea why it is not linking to the page. Website: http://rememberthetitans.vacau.com/ It is the druid link in the class guides drop down menu that seems to be a bad link. HTML: <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="cata images/images.html" target="_blank">Images</a></li> <li><a href="#">Raid Guides</a> <ul> <li><a href="eoe.html">Eye of Eternity</a> </li> <li><a href="totgc.html">ToTGC</a></li> <li><a href="icecrown.html">Icecrown Citadel</a></li> <li><a href="rubysanctum.html">Ruby Sanctum</a></li> </ul> </li> <li><a href="#">Class Guides</a> <ul> <li><a href="deathknight.html">Death Knight</a></li> <li><a href="druid.html">Druid</a></li> <li><a href="hunter.html">Hunter</a></li> <li><a href="mage.html">Mage</a></li> <li><a href="paladin.html">Paladin</a></li> <li><a href="priest.html">Priest</a></li> <li><a href="rogue.html">Rogue</a></li> <li><a href="shaman.html">Shaman</a></li> <li><a href="warlock.html">Warlock</a></li> <li><a href="warrior.html">Warrior</a></li> </ul> </li> <li><a href="#">Professions Guides</a> <ul> <li><a href="alchemyguide.html">Alchemy</a></li> <li><a href="blacksmithingguide.html">Blacksmithing</a></li> <li><a href="cookingguide.html">Cooking</a></li> <li><a href="enchantingguide.html">Enchanting</a></li> <li><a href="engineeringguideguide.html">Engineering</a></li> <li><a href="firstaidguide.html">First Aid</a></li> <li><a href="herbalismguide.html">Herbalism</a></li> <li><a href="jewelcraftingguide.html">Jewelcrafting</a></li> <li><a href="leatherworkingguide.html">Leatherworking</a></li> <li><a href="miningguideguide.html">Mining</a></li> <li><a href="skinningguide.html">Skinning </a></li> <li><a href="tailoringguide.html">Tailoring</a></li> </ul> </li> </li> <li><a href="http://s7.invisionfree.com/rememberthetitans/index.php">Forum</a></li> </ul> </div>

I tried the float:left method and whilst it did take notice of the top margin on my h1 it also wrapped the paragraph of text I have below around the heading.

/*Elements CSS Framework by Ben Henschel*/ /*Mass Reset*/ /*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */ html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left; vertical-align: baseline; } a img {border:none;} table {border-collapse: collapse; border-spacing: 0;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /*----------------------------------------------Container Divs----------------------------------------------*/ body { background-color:#b77918;} #wrapper { width:900px; margin:0px auto; background-color:#dd911b; border-left:dotted 1px #000; border-right:dotted 1px #000;} #top { width:100%; height:25px; background-color:#000;} #banner { background-image:url(images/banner2.jpg); } /*-----------------------Navigation-----------------------*/ #nav { } #nav ul { width:100%; background-color:#000; float: right;} #nav ul li { display:inline; } #nav ul li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-weight:bold; padding:10px 20px; float:right;} #nav ul li a:hover { background-color:#dd911b; } /*-----------------------Content-----------------------*/ #content { } #content h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; margin:20px 20px;} #content h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;} #content p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:0px 20px;} #content img { padding:20px; } #rightside { } /*-----------------------Footer-----------------------*/ #footer { width:100%; height:25px; background-color:#000; } /*-----------------------Classes-----------------------*/ .footer-text { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;text-align:center; color:#FFF; font-size:12px; padding-top:5px;} That is my CSS if it helps at all, please keep in mind I only started learning around 2 days ago so that CSS itself is probably a mess *EDIT* You diamond the bottom margin on my nav div worked a treat, much appreciated, I am sure I will be back to bug you some more. Thanks again

I have been watching some excellent tutorials which have sped up my learning process no end but I felt I needed to find a forum that specialised in helping out newbies like myself. Now I am having a problem currently with my H1 butting up against my navigation and it seems to ignore my top-margin, the left, bottom and right margin work all well and good but it just wont move down from my navigation. If you need me to post my HTML and CSS i will be happy to, it is extremely basic, I have only just started creating a mock website for practise. Any help with be greatly appreciated. I have provided an image to show you what I mean.