Jump to content

Validation Error


bmroyer
 Share

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...