Jump to content

Validation Error


bmroyer

Recommended Posts

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 10px
CSS:
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

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

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

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

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...