no border on <div> element

[patpawlowski]

I have a block element

.popup
{
color:blue
border: 5px solid #black;
background-color:#aaf;
padding: 13px;
font-size: 0pt;
font-family: Verdana, Arial;
position: absolute;
width: 0;
height: auto;
display:none;
filter:alpha(opacity=80);
}

but there is no border. What am I missing?

[Vladdy]

#black :confused:
RTFM: http://www.w3.org/TR/2004/CR-CSS21-20040225/colors.html

[patpawlowski]

Vladdy,
Wow! I guess you've never made a typo or done anything stupid. Removing the # didn't make any difference anyway. The style is virtually identical to a working one. The reason I removed the hex was to set it to black thinking that maybe it was just too close to the background color to see. I just forgot that dbl clicking doesn't select the #. I thougth maybe there was some conflict with one of the other settings that negated a border that I didn't understand.

[Sam]

first off, there was nothing wrong with what vladdy said, that was the most obvious problem. now that removing the hash didn't fix the problem, we would need a full stylesheet or a link to see what teh problem is.

[fredmv]

Originally posted by samij586
...we would need a full stylesheet...And all markup. ;)

[Sam]

on a sidenote, I think everyone should add links to vladdy's sticky in general to their sig's. its very helpful.

[patpawlowski]

Here is a link:

http://siegels-uniforms.com/pages/catpages.php?cat=35

The source may be a bit difficult to read since it was created by php. I didn't develop the original page I have just been adding to it.

[Sam]

well to start, neither your html (http://validator.w3.org/check?verbose=1&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35) nor your css (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35) validates, you should fix those before continuing

[Paul Jr]

Originally posted by patpawlowski
.popup
{
color:blue
border: 5px solid #black;
background-color:#aaf;
padding: 13px;
font-size: 0pt;
font-family: Verdana, Arial;
position: absolute;
width: 0;
height: auto;
display:none;
filter:alpha(opacity=80);
}

[fredmv]

If it hasn't been made obvious enough, Paul is implying that you should remove that rule because it is preventing the element from even entering document flow.

[Ben Rogers]

its very simple, twas the dreaded typo.( i edited this so i didnt sound so bigoted... ive made more typos in my less-than-a-year of webdesign than ppl have made in their life.)

you forgot the semicolor after color, which means the border rule and color rule will be messed up,
.popup
{
color:blue;
border: 5px solid #black;
background-color:#aaf;
padding: 13px;
font-size: 0pt;
font-family: verdana, arial;
position: absolute;
width: 0;
}

thatd b valid working code. put in the whatever you want tho.

[patpawlowski]

omega,

You win the cookie. That was the problem. I figured it out while going over the validtion links that samij586 posted. Which are also really good tools that I wasn't aware existed. But I guess if I RTFM, then I would know all this. ;)

Thanks everyone,

[Ben Rogers]

Woot. I win a cookie.

Also you should get FireFox and then d/l the webmaster toolbar,... I don't have the link, maybe sum1 else does..?

[fredmv]

http://www.texturizer.net/firefox/extensions/#WebDeveloper

[Ben Rogers]

There we go. Its good stuff, very useful; lets you use w3c's stuff more easily (i.e.: validate your code, check links , view source, disable stuff.. the works.