Rob in hood Posted August 7, 2009 Report Share Posted August 7, 2009 About Map Booking Contact Important Booking Information: Tha payj Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci tellus, sagittis ut condimentum a, interdum id turpis. Maecenas rutrum lorem quis libero fringilla volutpat. In tristique orci vel nisi aliquam dapibus consectetur tellus scelerisque. Aliquam vulputate volutpat metus, ac imperdiet nibh aliquet vitae. Donec cursus rutrum ultrices. Donec sit amet tortor magna. Phasellus ultricies nisl id urna cursus suscipit. Phasellus cursus lorem sit amet nisi consequat ac sagittis enim tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce egestas imperdiet rhoncus. Mauris dapibus sem quis libero malesuada scelerisque. Cras faucibus ante ut neque eleifend adipiscing. Nam augue libero, porta et mattis vitae, sagittis sed mi. Re hahahaha lity!! Suspendisse et ante a augue venenatis suscipit. Morbi hendrerit massa id lorem facilisis ut viverra justo cursus. Maecenas ac lectus non libero pellentesque imperdiet. Nulla facilisi. Cras non enim id magna semper sagittis. Morbi quam est, molestie ac rutrum non, aliquam et mi. Vestibulum dapibus auctor nisl nec molestie. Nam porttitor gravida dui, id venenatis velit suscipit aliquet. Nulla in lacus a dolor dignissim malesuada eu eu lorem. Vestibulum sed euismod diam. Nunc pellentesque accumsan ligula sed semper. Donec malesuada mi in mauris semper tristique. In vel diam id nisl lacinia ornare. In blandit ornare accumsan. Integer justo libero, dapibus ac lobortis nec, laoreet vel quam. Nulla in consectetur neque. Nulla ac augue nunc. Aliquam tempor sem et mi blandit ultricies eleifend sem hendrerit. Nunc velit leo, interdum sit amet cursus ut, bibendum vitae elit. Nunc tortor mi, semper vel tincidunt et, tristique a turpis. Etiam tempor commodo sollicitudin. In auctor urna ac elit euismod blandit. Vivamus mattis libero vitae turpis dapibus non vulputate magna vehicula. Phasellus sit amet nisl nulla, ut luctus nibh. Quisque varius turpis augue. In eleifend varius feugiat. Aliquam non felis arcu, quis imperdiet massa. Phasellus non sem nisi. In vitae risus sapien. Proin facilisis aliquam tortor eget hendrerit. Pellentesque ac neque leo. Vestibulum in felis libero. Pellentesque mollis, justo nec cursus accumsan, magna nibh malesuada diam, vitae eleifend mi dolor vitae massa. Cras et sem nibh. Suspendisse potenti. Sed vitae justo dolor, eget ultricies lectus. Cras non enim id magna semper sagittis. Morbi quam est, molestie ac rutrum non, aliquam et mi. Vestibulum dapibus auctor nisl nec molestie. Nam porttitor gravida dui, id venenatis velit suscipit aliquet. Nulla in lacus a dolor dignissim malesuada eu eu lorem. Quisque adipiscing semper diam sit amet malesuada. Phasellus tincidunt ultrices commodo. Phasellus iaculis egestas dui nec condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus at enim felis, semper aliquam massa. Sed eget pretium sapien. Pellentesque non tellus et nisl facilisis accumsan. Nam tempor mi vitae ante condimentum vel varius nibh ornare. Praesent orci enim, porta et porta sed, condimentum eget ipsum. Ut mollis dolor id dolor lacinia accumsan. Nunc luctus gravida nibh mollis vulputate. Morbi tempus, felis sit amet pharetra dictum, velit erat consequat leo, eu scelerisque leo mi sit amet felis. Duis id quam quis diam pharetra tristique. Fusce sem enim, dignissim et posuere eu, porta varius ante. Duis luctus, urna id dictum venenatis, dolor urna dapibus lacus, et consectetur nunc ligula sit amet turpis. Curabitur ultricies velit sed dui tristique ut iaculis urna dictum. Fusce metus nisl, elementum non pulvinar nec, vulputate tristique sapien. Maecenas nec eros mi, quis suscipit metus. In ac est eget risus malesuada ultrices a ut nulla. Morbi semper congue adipiscing. Nulla iaculis commodo lorem, sit amet ultricies libero aliquam eget. Donec risus orci, vehicula at consectetur ac, aliquet eget tortor. Aenean et lorem accumsan justo placerat condimentum. Praesent ac dictum nisl. © 2009 All rights reserved Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 7, 2009 Report Share Posted August 7, 2009 If you add: $nav ul { margin:0; } that'll take care of the problem. By default, ul elements have top and bottom margin applied to them, and it often needs to be removed when an unordered list is used for navigation elements. Other code comments... -- Overall, looks like the code is clean and well thought out -- quotes around the image file name when using the CSS background property (ex: background: url("images/bodytile.gif") aren't required, though I don't think they do any harm either. -- You don't need to use "width:inherit" -- that is the default value and it doesn't need to be included (unless you want to override the default width by setting a specific width) Quote Link to comment Share on other sites More sharing options...
Rob in hood Posted August 7, 2009 Author Report Share Posted August 7, 2009 If you add: $nav ul { margin:0; } Yay!! That sorted things out - thank you. So does that mean setting the border has a side effect of setting the margin to 0? Thanks for the other comments, I'm glad you think it's mostly good. I've removed the width: inherit lines. I wasn't sure what stuff does and doesn't get inhertted, is there some kind of reference where I can find out about inheritance rules and default values? If the quotes aren't doing any harm then I'll leave them because my inner-programmer likes strings to look like that Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 7, 2009 Report Share Posted August 7, 2009 Browser defaults chart: http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm Inheritance: http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css These aren't probably anything you need to study and memorize - you'll pick this up as you gain experience in the web design field. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 7, 2009 Report Share Posted August 7, 2009 One other thing... In case you haven't looked at the Firebug plugin for Firefox, it's an essential tool. It'll help figuring out what CSS styles apply to what element, and was how I figured out your issue. CSS-Tricks has a screencast to get you started: http://css-tricks.com/video-screencasts/15-introduction-to-firebug/ Quote Link to comment Share on other sites More sharing options...
Rob in hood Posted August 7, 2009 Author Report Share Posted August 7, 2009 Thanks for the reference information. I'll read through them and just absorb the essential ideas, to have a reference later for finding bugs. I've just downloaded Firebug, and will have a look at it and the tutorial tomorrow - 1AM is approaching and starting to make my eyes feel sandy Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.