bmroyer Posted February 4, 2008 Share Posted February 4, 2008 What does this mean? I'm new to CSS 111 div.thumbnail p Value Error : padding-bottom Too many values or values are not recognized : 0 20px 30px 10pxCSS:html{ margin: 0px; height: 100%;}body{ background: black; margin: 0px; height: 100%;}#container{ position: relative; width: 56.5em; min-height: 100%; margin: 0px auto; background: rgb(33,52,74); color: white; background: #21344A url(images/links.gif) repeat-y;position: relative;}a{ color: white; font-weight: bold; text-decoration: underline;}#header{ display: inline;}#navLinks{ position: absolute; top: 80px; left: 0px; bottom: 0px; list-style-type: none; margin: 0px; padding-top: 30px; padding-left: 20px; padding-right: 30px; background: rgb(41,48,57);}#content{ position: relative; width: 44em; min-height: 85%; padding: 20px; margin-left: 10em; } #content h2{ font-weight: bolder; font-variant: small-caps;}.newsPost{ border-bottom: 2px white groove;}.newsPost p{ }.newsPost p.dateline{ font-weight: bold;}#archivesLink{ margin-right: 25%;}#footer{ position: absolute; bottom: 0px; width: 52.5em; background: rgb(47, 50, 56); text-align: right; text-align: right; padding: 5px 2em;}div.thumbnail { width: 197px; float: left; margin: 0 5px 5px 0; }div.thumbnail img { width: 197px; margin: 5px 0 0 5px; border: 1px solid #777;}div.thumbnail p { margin: 0; padding-bottom: 0 20px 30px 10px;text-align: center;} Link to comment Share on other sites More sharing options...
bmroyer Posted February 4, 2008 Author Share Posted February 4, 2008 Oh and I finished validating my html pages and my freakin pic is screwed up. the footer is in the wrong place, how do I fix this?http://www.brandonroyer.com/pictures.html Link to comment Share on other sites More sharing options...
newseed Posted February 4, 2008 Share Posted February 4, 2008 padding-bottom: 0 20px 30px 10px;You are specifying a padding bottom only and so you only need one value and not four.If you need all four values, then change padding-bottom: to padding: Link to comment Share on other sites More sharing options...
bmroyer Posted February 4, 2008 Author Share Posted February 4, 2008 thanks it worked, now how about my pic problem I specified above your post? Link to comment Share on other sites More sharing options...
newseed Posted February 4, 2008 Share Posted February 4, 2008 And to solve you footer problem, add the code in bold to the location shown:<div class="thumbnail"> <img src="pictures/brandon.jpg" alt="brandon.html"></div><div class="clearall"></div><div id="footer"> <a href="#" id="archivesLink">Archives</a>©2007-2008 <a href="http://www.BrandonRoyer.com">BrandonRoyer.com</a></div>...and then add this to your CSS:.clearall {clear: both;} Link to comment Share on other sites More sharing options...
newseed Posted February 4, 2008 Share Posted February 4, 2008 Adding to my last post, you should have your images recompressed. You have over 800kb for 6 images. That's just WAY TOO much! Link to comment Share on other sites More sharing options...
bmroyer Posted February 5, 2008 Author Share Posted February 5, 2008 not quite, its still not in the right place, and it runs the whole length of the page. btw, how do I compress it to make the image smaller? Link to comment Share on other sites More sharing options...
newseed Posted February 5, 2008 Share Posted February 5, 2008 The div layout is really not in the right position. Everthing is fine except you just need to move one of the three last divs up just ahead of the #clearall div<div class="thumbnail"> <img src="pictures/brandon.jpg" alt="brandon.html"></div></div> ADD this div<div class="clearall"></div><div id="footer"> <a href="#" id="archivesLink">Archives</a>©2007-2008 <a href="http://www.BrandonRoyer.com">BrandonRoyer.com</a></div></div> REMOVE this div</div>It's ideal to make the footer last just before the close of the #container. The #clearall div will clear everything to allow the #footer to drop down to below all other divs. Link to comment Share on other sites More sharing options...
bmroyer Posted February 5, 2008 Author Share Posted February 5, 2008 cool, now everything works on firefox2. Thanks. Now, this isn't really a problem for me, as I do not use IE7, but some people do. Check out the index page, BrandonRoyer.com/index.html and compare them to others. The left side is messed up on the index. Link to comment Share on other sites More sharing options...
newseed Posted February 5, 2008 Share Posted February 5, 2008 Since everything works perfectly for that pictures.html file, why not save it as a template and use that template to move your content from the pages that does not seem to view correctly. That's what I usually do when I know I got a template that works! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.