SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member tealeaves's Avatar
    Join Date
    Nov 2003
    Location
    Washington
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS clean up and help

    I got this CSS sheet off of someone's site so I could modifiy and learn from it. The learning part is driving me insane.
    What things in here do I not need?
    Also, I can't get the header to work. My objective is:
    body text:veranda, size:9px, line height 1 and black.
    margins:0px 0px 3px 3px.

    Then I want a selector for 'strong' that looks the same as the the body text but bolder. I would like to keep the links the same but add bold when you rollover a link. Also, I want to keep the scrollbars the same.


    body {margin:0px 0px 3px 3px; FONT-FAMILY: verdana; FONT-WEIGHT: normal; FONT-SIZE: 9px; LINE-HEIGHT:1; COLOR: #000000; }
    p {font: 8pt veranda; color: #000000}
    strong {FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 9px; LINE-HEIGHT:1; COLOR: #990000; }
    td {FONT-FAMILY: verdana; FONT-WEIGHT: normal; FONT-SIZE: 9px; LINE-HEIGHT:8px; COLOR: #000000; }
    h1 { FONT-FAMILY: verdana; align:"right"; size:"1"; width: "100%"; color: "#000000" text-shadow: 3px 3px 5px red }

    BODY { scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #ffffff; }

    A {TEXT-DECORATION: none}
    A:link { CURSOR: help; COLOR: #000000; TEXT-DECORATION: none; }
    A:visited{ CURSOR: help; color: #000000; text-decoration: none; }
    A:hover { CURSOR: help; color: #ffffff; text-decoration: line-through; }
    A:active { CURSOR: help; COLOR: #ffffff; TEXT-DECORATION: line-through; }

    body {background-image: url(images\mainmenu_10.gif); background-attachment: fixed}

    Sorry if I am asking for alot, but I need alot of help. Also, what are some uses for selectors like h2, tr, td, body etc..? Thanks!
    Last edited by tealeaves; Nov 26, 2003 at 16:34. Reason: forgot to subscribe :(

  2. #2
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by tealeaves
    I got this CSS sheet off of someone's site so I could modifiy and learn from it. The learning part is driving me insane.
    What things in here do I not need?
    Also, I can't get the header to work. My objective is:
    body text:veranda, size:9px, line height 1 and black.
    margins:0px 0px 3px 3px.

    Then I want a selector for 'strong' that looks the same as the the body text but bolder. I would like to keep the links the same but add bold when you rollover a link. Also, I want to keep the scrollbars the same.


    body {margin:0px 0px 3px 3px; FONT-FAMILY: verdana; FONT-WEIGHT: normal; FONT-SIZE: 9px; LINE-HEIGHT:1; COLOR: #000000; }
    p {font: 8pt veranda; color: #000000}
    strong {FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 9px; LINE-HEIGHT:1; COLOR: #990000; }
    td {FONT-FAMILY: verdana; FONT-WEIGHT: normal; FONT-SIZE: 9px; LINE-HEIGHT:8px; COLOR: #000000; }
    h1 { FONT-FAMILY: verdana; align:"right"; size:"1"; width: "100%"; color: "#000000" text-shadow: 3px 3px 5px red }

    BODY { scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #ffffff; }

    A {TEXT-DECORATION: none}
    A:link { CURSOR: help; COLOR: #000000; TEXT-DECORATION: none; }
    A:visited{ CURSOR: help; color: #000000; text-decoration: none; }
    A:hover { CURSOR: help; color: #ffffff; text-decoration: line-through; }
    A:active { CURSOR: help; COLOR: #ffffff; TEXT-DECORATION: line-through; }

    body {background-image: url(images\mainmenu_10.gif); background-attachment: fixed}

    Sorry if I am asking for alot, but I need alot of help. Also, what are some uses for selectors like h2, tr, td, body etc..? Thanks!
    Looks to me like you could use a good tutorial. There are many on the web, but a favorite of mine is the one at W3C Schools. In addition to the "lesson", there are hands on examples and a quiz you can take at the end. Another good thing... it's free!
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  3. #3
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    This should help to get you started:

    <style type="text/css">
    <!--
    body {
    font-family : Verdana, Helvetica, Sans-Serif;
    background-color : white;
    color : black;
    font-size : 9px;
    margin : 0 0 3px 3px;
    line-height : 1px;
    }
    strong {
    font-weight : bolder;
    }
    a:link:hover {
    font-weight : bold;
    }
    -->
    </style>

  4. #4
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just checked out the W3C Schools tutorials and they are excellent!!!!

    I am so glad I read this post.

    Thank you Shyflower.

  5. #5
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by miscanthus
    I just checked out the W3C Schools tutorials and they are excellent!!!!

    I am so glad I read this post.

    Thank you Shyflower.
    I'm glad it worked for you. Good luck!
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  6. #6
    SitePoint Member tealeaves's Avatar
    Join Date
    Nov 2003
    Location
    Washington
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking

    Thank you Shyflower. Finally, a tutorial I understand and is easy to follow. Xhtmlcoder, thanks for the code!

  7. #7
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by tealeaves
    Thank you Shyflower. Finally, a tutorial I understand and is easy to follow. Xhtmlcoder, thanks for the code!
    Happy to be of help, if I was!
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown


Bookmarks

Posting Permissions

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