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?#black
RTFM: <!-- m --><a class="postlink" href="http://www.w3.org/TR/2004/CR-CSS21-20040225/colors.htmlVladdy">http://www.w3.org/TR/2004/CR-CSS21-2004 ... htmlVladdy</a><!-- m -->,
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.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.Originally posted by samij586
...we would need a full stylesheet...And all markup.
on a sidenote, I think everyone should add links to vladdy's sticky in general to their sig's. its very helpful.Here is a link:
<!-- m --><a class="postlink" href="http://siegels-uniforms.com/pages/catpages.php?cat=35">http://siegels-uniforms.com/pages/catpages.php?cat=35</a><!-- m -->
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.well to start, neither your html (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35">http://validator.w3.org/check?verbose=1 ... 3Fcat%3D35</a><!-- m -->) nor your css (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35">http://jigsaw.w3.org/css-validator/vali ... 3Fcat%3D35</a><!-- m -->) validates, you should fix those before continuingOriginally 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);
}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.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.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,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..?http://www.texturizer.net/firefox/extensions/#WebDeveloperThere 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.
.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?#black
RTFM: <!-- m --><a class="postlink" href="http://www.w3.org/TR/2004/CR-CSS21-20040225/colors.htmlVladdy">http://www.w3.org/TR/2004/CR-CSS21-2004 ... htmlVladdy</a><!-- m -->,
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.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.Originally posted by samij586
...we would need a full stylesheet...And all markup.
on a sidenote, I think everyone should add links to vladdy's sticky in general to their sig's. its very helpful.Here is a link:<!-- m --><a class="postlink" href="http://siegels-uniforms.com/pages/catpages.php?cat=35">http://siegels-uniforms.com/pages/catpages.php?cat=35</a><!-- m -->
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.well to start, neither your html (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35">http://validator.w3.org/check?verbose=1 ... 3Fcat%3D35</a><!-- m -->) nor your css (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35">http://jigsaw.w3.org/css-validator/vali ... 3Fcat%3D35</a><!-- m -->) validates, you should fix those before continuingOriginally 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);
}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.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.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,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..?http://www.texturizer.net/firefox/extensions/#WebDeveloperThere 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.