SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: CSS clean up and help

  1. Nov 26, 2003 17:32 #1
    tealeaves
    tealeaves is offline
    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 17:34. Reason: forgot to subscribe :(
  2. Nov 27, 2003 06:11 #2
    Shyflower
    Shyflower is offline
    Word Painter silver trophy
     Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,024
    Mentioned
    136 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: Content Team Leader
    Creative Web Content
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown
    March Photo Challenge. "Blue" Poll is open. Vote NOW!
    April Photo Challenge - "A Piece of Paper"
  3. Nov 27, 2003 08:50 #3
    xhtmlcoder
    xhtmlcoder is offline
    Robert Wellock silver trophybronze trophy
     SitePoint Award Recipient xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,239
    Mentioned
    51 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>
    };-) http://www.xhtmlcoder.com/
    Thinking Web: Voices of the Community

    > March 2013 - SitePoint forums: Spot the Error 3: Calling all Sleuths! Winner Announced!... She knows how to spot simple <code> errors but do you?
  4. Nov 27, 2003 13:33 #4
    miscanthus
    miscanthus is offline
    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. Nov 27, 2003 20:09 #5
    Shyflower
    Shyflower is offline
    Word Painter silver trophy
     Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,024
    Mentioned
    136 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: Content Team Leader
    Creative Web Content
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown
    March Photo Challenge. "Blue" Poll is open. Vote NOW!
    April Photo Challenge - "A Piece of Paper"
  6. Nov 28, 2003 15:30 #6
    tealeaves
    tealeaves is offline
    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. Nov 28, 2003 16:04 #7
    Shyflower
    Shyflower is offline
    Word Painter silver trophy
     Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,024
    Mentioned
    136 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: Content Team Leader
    Creative Web Content
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown
    March Photo Challenge. "Blue" Poll is open. Vote NOW!
    April Photo Challenge - "A Piece of Paper"
« Previous Thread | Next Thread »

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
  •  

Forum Rules