# CSS Problemo's **URL:** \ **Category:** web dev\ **Created:** [April 16, 2006, 6:58pm UTC](https://forum.kirupa.com/t/css-problemos/185806 "2006-04-16T18:58:51Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 16, 2006, 6:58pm UTC](https://forum.kirupa.com/t/css-problemos/185806/1 "2006-04-16T18:58:51Z")
Hi Folks I got my HTML to validate, now I just need to get my CSS to validate… whats the deal?? [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbigbrotherlink.com%2F2.0%2F&warning=2&profile=css2&usermedium=all](http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbigbrotherlink.com%2F2.0%2F&warning=2&profile=css2&usermedium=all) ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 16, 2006, 7:06pm UTC](https://forum.kirupa.com/t/css-problemos/185806/2 "2006-04-16T19:06:57Z")
Well… for the errors, it’s padding-top and padding-bottom. 🙂 As for the other things… just read the errors. They say what’s wrong… ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 16, 2006, 7:32pm UTC](https://forum.kirupa.com/t/css-problemos/185806/3 "2006-04-16T19:32:15Z")
i read them, i fix them, but it never works. like that padding-top, patting-bottom… i fix, and no go. ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 16, 2006, 7:33pm UTC](https://forum.kirupa.com/t/css-problemos/185806/4 "2006-04-16T19:33:19Z")
[http://bigbrotherlink.com/2.0/css/master.css](http://bigbrotherlink.com/2.0/css/master.css) Err… it still says bottom-padding: ```auto hr { border:0; top-padding: 2px; bottom-padding: 2px; color: #FF7C00; background-color: #FFFFFF; height: 1px; } ``` ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 16, 2006, 7:46pm UTC](https://forum.kirupa.com/t/css-problemos/185806/5 "2006-04-16T19:46:50Z")
OOOOH Im not allowed to use that code… lol. Ok I understand 🙂 Now what about them warnings? ---
**Author:** ![bigmtnskier](https://avatars.discourse-cdn.com/v4/letter/b/a4c791/32.png) [@bigmtnskier](https://forum.kirupa.com/u/bigmtnskier)\ **Post date:** [April 16, 2006, 7:49pm UTC](https://forum.kirupa.com/t/css-problemos/185806/6 "2006-04-16T19:49:12Z")
Nokrev is saying it should be: ```auto hr { border: none; /* this should be set to none I believe */ padding-top: 2px; padding-bottom: 2px; color: #FF7C00; background-color: #FFFFFF; height: 1px; } ``` Instead of : ```auto hr { border:0; top-padding: 2px; bottom-padding: 2px; color: #FF7C00; background-color: #FFFFFF; height: 1px; } ``` -bigmtnskier 🙂 ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 16, 2006, 7:51pm UTC](https://forum.kirupa.com/t/css-problemos/185806/7 "2006-04-16T19:51:07Z")
bigmtnskier… I actually prefer to use [font=monospace]border: 0 none;[/font] 😉 Just look at the warnings. They say what the problem is. ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 16, 2006, 9:01pm UTC](https://forum.kirupa.com/t/css-problemos/185806/8 "2006-04-16T21:01:40Z")
i googled some of the warnings and it says that they are bugs in i.e. - so i dont need to worry? ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 16, 2006, 9:05pm UTC](https://forum.kirupa.com/t/css-problemos/185806/9 "2006-04-16T21:05:29Z")
Err… no. Which one? ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 16, 2006, 9:32pm UTC](https://forum.kirupa.com/t/css-problemos/185806/10 "2006-04-16T21:32:14Z")
Line : 21 (Level : 2) Redefinition of margin-top : h1 what does that even mean? and when it says you have no background, i do! i dont know why its giving me warning sorry guys, this is my first attempt at css lol… ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 16, 2006, 9:35pm UTC](https://forum.kirupa.com/t/css-problemos/185806/11 "2006-04-16T21:35:54Z")
That warning means you assigned margin-top already in your code. Rather than using: ```auto h1 { margin: 0; padding: 0; width: 400px; float: left; margin-top: 55px; padding-left: 31px; } ``` You should set the margin-top the first time… ```auto h1 { margin: 55px 0 0 0; padding: 0; width: 400px; float: left; padding-left: 31px; } ``` [whisper]Or do the same thing without the short-hand…[/whisper] The background warnings are really not that important, and I ignore them. They are there to prevent you from having black text on a black background and not realizing it, and similar things, I think. You have to assign the background again on every element where you define the text color. You may just use the value “transparent”… 😉 ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 18, 2006, 1:30am UTC](https://forum.kirupa.com/t/css-problemos/185806/12 "2006-04-18T01:30:25Z")
ok awesome! thanks! I have one question about that margin thing though, what are each sections of the 55px,0,0,0?? like the first is top margin - then bottom? then right? then left? you guys are big help 🙂 im trying so hard to learn this stuff on my own without having to do it in school. ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 18, 2006, 2:22am UTC](https://forum.kirupa.com/t/css-problemos/185806/13 "2006-04-18T02:22:23Z")
one more question go to [www.bigbrotherlink.com/soon](http://www.bigbrotherlink.com/soon) notice how some of the titles drop down to another line? how do i stop that? ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 18, 2006, 2:23am UTC](https://forum.kirupa.com/t/css-problemos/185806/14 "2006-04-18T02:23:11Z")
If four are defined: Top, right, bottom, left. If three are defined: Top, left & right, bottom. If two are defined: Top & bottom, left & right. If one is defined: applies to all. You can remember this, because if you forget it, you’ll be in \*\*\*TR\*\*\*ou\*\*\*BL\*\*\*e. 😃 [whisper]Learned from Eric Meyer’s first book…[/whisper] ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 18, 2006, 4:13am UTC](https://forum.kirupa.com/t/css-problemos/185806/15 "2006-04-18T04:13:04Z")
i dont get it.? (the trouble part? lol) what about my other question? ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 18, 2006, 4:14am UTC](https://forum.kirupa.com/t/css-problemos/185806/16 "2006-04-18T04:14:55Z")
Top, Right, Bottom, Left. T… R. o, u, B… L… e. Top, Right, Bottom, Left. You see…? ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 19, 2006, 12:02am UTC](https://forum.kirupa.com/t/css-problemos/185806/17 "2006-04-19T00:02:39Z")
ahh i uunderstand. 🙂 clever! now what about my other question ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 19, 2006, 1:43am UTC](https://forum.kirupa.com/t/css-problemos/185806/18 "2006-04-19T01:43:19Z")
Making your font size smaller. 😉 There’s a word-wrap function, but that doesn’t have wide support. What do you want to happen if they’re too wide? ---
**Author:** ![redViper](https://avatars.discourse-cdn.com/v4/letter/r/3d9bf3/32.png) [@redViper](https://forum.kirupa.com/u/redViper)\ **Post date:** [April 19, 2006, 11:02am UTC](https://forum.kirupa.com/t/css-problemos/185806/19 "2006-04-19T11:02:13Z")
but they shouldn’t be too wide - theres lots of space for it… [http://www.bigbrotherlink.com/soon/index.php?subaction=showcomments&id=1145405280&archive=&start\_from=&ucat=3&](http://www.bigbrotherlink.com/soon/index.php?subaction=showcomments&id=1145405280&archive=&start_from=&ucat=3&) look at the comment section the smilie faces - the happy one is on one line, and the rest are on another. Never had this problem with tables… lol ---
**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\ **Post date:** [April 19, 2006, 4:15pm UTC](https://forum.kirupa.com/t/css-problemos/185806/20 "2006-04-19T16:15:44Z")
Try styling them with display: inline; [Next page](https://forum.kirupa.com/t/css-problemos/185806.md?page=2)