SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2001
    Location
    Dallas, TX
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS newbie questions

    I am kinda new at CSS and other than adding class's in DreamWeaver i dont know what to do. If i wanted to add you basic link variables (ie. Link, Active, Visited, Hover) How would i do that? What would be the code i put into my style.css?

  2. #2
    @russellg RussellG's Avatar
    Join Date
    Jun 2000
    Location
    Gold Coast, Queensland
    Posts
    449
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, this is an example of my links using CSS:

    Code:
    a:link    {color: #808080; font-family: verdana; font-size: 10px; text-decoration: none; font-weight: bold;}
    a:active {color: #808080; font-family: verdana; font-size: 10px; text-decoration: none; font-weight: bold;}
    a:visited {color: #808080; font-family: verdana; font-size: 10px; text-decoration: none; font-weight: bold;}
    a:hover   {color: #FFFFFF; font-family: verdana; font-size: 10px; text-decoration: none; font-weight: bold;}
    Thats basically what CSS looks like (that is only an example though). Let me dig up a link for you on CSS2.

    Edit:
    http://www.w3.org/TR/REC-CSS2/ I suggest downloading it.

    I noticed that my example isnt very good. But you can see it in action at my site (see sig) to get an idea of how it would work.

    Hope this helps
    Last edited by RussellG; Jul 4, 2001 at 20:16.
    russell.cz.cc - coming soon (I promise!)

  3. #3
    Next stop: PHP! Marina's Avatar
    Join Date
    Apr 2001
    Location
    Sweden
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    SitePoint Enthusiast ben_washington's Avatar
    Join Date
    Jun 2001
    Location
    New Zealand
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You will run into problems when all your links are the same, to combat this use classes:

    a.theclass:link{color:#000000; font-family:arial;}

    Now all your links need classes:

    <a href="wherever.net" class="theclass">Link</a>


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
  •