CSS Design? WTJ?

I'm not sure what forum this thread fits, but I think this is a good one...

Anyway, look at this page (http://www.csszengarden.com/?cssfile=/028/028.css&page=1) . Notice how the colored tabs on the left are rounded and it seems they have a picture in them...how do I do something like that?

Also, notice at the top how the image is rounded and bulged...was that done in photoshop, or with css? If its css, how is that done?

Finally, I know about z-indexing things, but How do you make the layers transparent like that?

Thanks for filling my curiousity!

-Ben

Yes, WTJ does stand for "what the junk"...

Originally posted by Ben@WEBProp
I'm not sure what forum this thread fits, but I think this is a good one...

Anyway, look at this page (http://www.csszengarden.com/?cssfile=/028/028.css&page=1) . Notice how the colored tabs on the left are rounded and it seems they have a picture in them...how do I do something like that?

Also, notice at the top how the image is rounded and bulged...was that done in photoshop, or with css? If its css, how is that done?

Finally, I know about z-indexing things, but How do you make the layers transparent like that?

Thanks for filling my curiousity!

-Ben

Yes, WTJ does stand for "what the junk"...

It was done in photoshop or some other image editing software.

<div> is actually a layer, and all layers(divs) are transparent until you put a background in them.

I do not know WTJ or afaik or foo or.....any of the other acronyms used here often either.

MNS

Ya, what the heck does afiak (forgive me if I mispelled it), and the other one mean? Whenever I read it i just skip over :D

Anywho...do you know a quick link to a "reference table" or something like that pertaining to the attributes and useage of div's and spans? Oh ya, and what is the difference between divs and spans? And between class="" and id=""?

You personally do not have to answer these if you don't want, but a link to some outside page would be helpfull!

Hm...I had another question that related to multimedia...but i forgot it! :confused: I will ask it later if I remember it....

Thanks a ton!

-Ben

Originally posted by Ben@WEBProp
Ya, what the heck does afiak (forgive me if I mispelled it), and the other one mean? Whenever I read it i just skip over :D

Anywho...do you know a quick link to a "reference table" or something like that pertaining to the attributes and useage of div's and spans? Oh ya, and what is the difference between divs and spans? And between class="" and id=""?

You personally do not have to answer these if you don't want, but a link to some outside page would be helpfull!

Hm...I had another question that related to multimedia...but i forgot it! :confused: I will ask it later if I remember it....

Thanks a ton!

-Ben

Try this one.

http://www.yendo.com/authoring/css_guide5.htm#props6

MNS

Originally posted by Ben@WEBProp
Ya, what the heck does afiak (forgive me if I mispelled it), and the other one mean? Whenever I read it i just skip over :D

Anywho...do you know a quick link to a "reference table" or something like that pertaining to the attributes and useage of div's and spans? Oh ya, and what is the difference between divs and spans? And between class="" and id=""? Afaik = As fas as I know. Foo is just a "word" often used in programming examples. So instead of saying something like attribute="attribute" one could say foo="bar".

A div is block level, a span is inline. More information can be found here (http://www.w3.org/TR/html401/struct/global.html#h-7.5.4). A class can be added to any element any number of times whereas only one specific instance of an element can have a certain id.

My site's got 'transparent' iframes... there are tricks to get it to work correctly. :)

http://arctic.ithium.net

In mozilla you can do curved edges with CSS alone:

#foo.bar {
width:150px;
height:40px;
-moz-border-radius:5px;
}

Other useful acronyms are IIRC (If I Recall Correctly), IMO (In My Opinion), IMHO (In My Humble Opinion), and of course you can just make them up IYFLI :D

Originally posted by Arctic Fox
My site's got 'transparent' iframes... there are tricks to get it to work correctly. :)

http://arctic.ithium.net

The trick is the desire to make sites coded to only one platform and browser. LOL

MNS