www.webdeveloper.com
Results 1 to 10 of 10

Thread: putting two CSS codes together

  1. #1
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13

    putting two CSS codes together

    Hi

    Got to learn sometime I suppose ?can you help ?

    I want to use the codes below but how do I put them together?

    Please

    <style type="text/css">
    <!--
    A:hover {text-decoration: none}
    BODY { scrollbar-3d-light-color:#ccffff;
    scrollbar-arrow-color:#ff9999;
    scrollbar-base-color:660000;
    scrollbar-dark-shadow-color:#ccffff;
    scrollbar-face-color:#990000;
    scrollbar-highlight-color:#ccccff;
    scrollbar-shadow-color:#003366;
    background-color: maroon}
    -->
    </style>

    <STYLE TYPE="text/css">
    a.italic:link { color: green; text-decoration: none }
    a.italic:active { color: yellow; text-decoration: none }
    a:italic:visited { color: green; text-decoration: none }
    a.italic:hover { color: orange; text-decoration: underline; font-style: italic}
    </STYLE>


  2. #2
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    I would assume you mean something like this.
    <style type="text/css">
    <!--
    A:hover {text-decoration: none}
    BODY { scrollbar-3d-light-color:#ccffff;
    scrollbar-arrow-color:#ff9999;
    scrollbar-base-color:660000;
    scrollbar-dark-shadow-color:#ccffff;
    scrollbar-face-color:#990000;
    scrollbar-highlight-color:#ccccff;
    scrollbar-shadow-color:#003366;
    background-color: maroon}
    a.italic:link { color: green; text-decoration: none }
    a.italic:active { color: yellow; text-decoration: none }
    a:italic:visited { color: green; text-decoration: none }
    a.italic:hover { color: orange; text-decoration: underline; font-style: italic}
    -->
    </style>

  3. #3
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13

    Thumbs up

    Hi Soccer

    Thanks so much friend ----- I will let you know the outcome,
    have a nice day -----------

  4. #4
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13
    Hi soccer

    I tried but Not work

  5. #5
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,774
    It will work just fine, but you've got to use the class="" attribute in your <a> tags. For example, to get the styles for a.italic to appear in your <a> tags, you've got to use: <a href="..." class="italic">...</a>.

    And that style will ONLY appear in <a> tags. You can't do something like <p class="italic"></p> and have the same affect. That's because of the tag selector before .italic.

    a.italic: The boldface text is the tag selector. It tells the browser to ONLY apply this class to anchor tags (<a>).

    Hope this helps

  6. #6
    Join Date
    Aug 2003
    Posts
    1,576
    the problem might also be that there isn't any love hate in your css. In otherwords: Link -> Visited -> Hover -> Active If you don't define them in that order, they won't work

  7. #7
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13
    Hi

    I got the code from this site on the tutorials here

    I must have missed something on the tutorial or it did not go into that

    Thanks mate

  8. #8
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13
    Hi
    NO its my fault i did not read it properly, and since reading your reply, I see where i have gone wrong,

    I am a fool ----- thanks friend again.

  9. #9
    Join Date
    Nov 2002
    Posts
    2,632
    Originally posted by Chan
    Hi

    I got the code from this site on the tutorials here

    I must have missed something on the tutorial or it did not go into that

    Thanks mate
    HTML Goodies is a really bad place to learn web design from.

  10. #10
    Join Date
    Apr 2004
    Location
    Britain
    Posts
    13
    Hi Spufi

    Liked the link of yours vault
    great looking pages on there, I am new to CSS just trying out the basics.
    will check the link further,
    Thanks

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles