Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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 . 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"...

  • #2
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Re: CSS Design? WTJ?

    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 . 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
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #3
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

    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! I will ask it later if I remember it....

    Thanks a ton!

    -Ben

  • #4
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

    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! 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
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

    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. 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 {Mike's Adventures}

    Yikes, forums are almost too much fun.

  • #6
    Registered User
    Join Date
    Apr 2003
    Location
    Murmansk, Arctic
    Posts
    84
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Abigail Dreams - IE5.5+ Only...

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

    http://arctic.ithium.net

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Cake dreams - Moz only

    In mozilla you can do curved edges with CSS alone:
    Code:
    #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
    Last edited by brothercake; 08-07-2003 at 01:46 AM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #8
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Re: Abigail Dreams - IE5.5+ Only...

    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
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •