/    Sign up×
Community /Pin to ProfileBookmark

no border on <div> element

Copy linkTweet thisAlerts:
Mar 02.2004

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?

to post a comment
CSS

14 Comments(s) ↴

Copy linkTweet thisAlerts:
@patpawlowskiauthorMar 02.2004 — 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.
Copy linkTweet thisAlerts:
@SamMar 02.2004 — 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.
Copy linkTweet thisAlerts:
@fredmvMar 02.2004 — [i]Originally posted by samij586 [/i]

[B]...we would need a full stylesheet...[/B][/QUOTE]And all markup. ?
Copy linkTweet thisAlerts:
@SamMar 02.2004 — on a sidenote, I think everyone should add links to vladdy's sticky in general to their sig's. its very helpful.
Copy linkTweet thisAlerts:
@patpawlowskiauthorMar 02.2004 — 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.
Copy linkTweet thisAlerts:
@SamMar 02.2004 — well to start, neither your [URL=http://validator.w3.org/check?verbose=1&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35]html[/URL] nor your [URL=http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//siegels-uniforms.com/pages/catpages.php%3Fcat%3D35]css[/URL] validates, you should fix those before continuing
Copy linkTweet thisAlerts:
@Paul_JrMar 02.2004 — [i]Originally posted by patpawlowski [/i]

[B].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;

[color=blue]display:none;[/color]

filter:alpha(opacity=80);

}[/B][/QUOTE]
Copy linkTweet thisAlerts:
@fredmvMar 02.2004 — 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.
Copy linkTweet thisAlerts:
@Ben_RogersMar 03.2004 — 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.
Copy linkTweet thisAlerts:
@patpawlowskiauthorMar 03.2004 — 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,
Copy linkTweet thisAlerts:
@Ben_RogersMar 03.2004 — 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..?
Copy linkTweet thisAlerts:
@Ben_RogersMar 03.2004 — 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.
×

Success!

Help @patpawlowski spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...