1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS Question

Discussion in 'CSS' started by super234, Aug 10, 2006.

  1. #1
    Ok, does the A class in my CSS stand for every <a that appears?
    and what is A:hoover
     
    super234, Aug 10, 2006 IP
  2. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #2
    a:hover is what the link changes to when the mouse is over it.

    A:link {font-family: arial; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none}
    is for every link. If you want some links to be different, use:

    .name A:link {font-family: arial; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none}
    and put those links in a div or td or whatever with class="name" in it.
     
    mattmdesign, Aug 10, 2006 IP
  3. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    dah i new that
     
    super234, Aug 10, 2006 IP
  4. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    so A is for every link? and if i wanted it to be diffrent i would have to create a new class? does it have to be .name with A:link, i tryed to make a new class in my CSS and was having problems they way you put it above is that exacly how you write it in the CSS file? i tryed to make a new class and i did it like this
    .title4 {
    font-family: Tahoma;
    font-size: 24px;
    font-weight: bold;
    color: #416a2f;
    }
    and it wasnt effective
     
    super234, Aug 10, 2006 IP
  5. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #5
    That should work for changing text that isn't links.
     
    mattmdesign, Aug 10, 2006 IP
  6. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    links have to be a certain special way? if so please explain, becuase ive been using text classes for links and someone told me thats why my links flash like there crazy
     
    super234, Aug 10, 2006 IP
  7. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #7
    To format a link it would need to be:

    .title4 A:link {
    font-family: Tahoma;
    font-size: 24px;
    font-weight: bold;
    color: #416a2f;
    }
     
    mattmdesign, Aug 10, 2006 IP
  8. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    ok thanks for all your help man, i appreciate it, one more question, when i make the class .title4 A:link and want to use it how would it look in the link, ( lets say <a href="http://copper.com"</a>)
     
    super234, Aug 10, 2006 IP
  9. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #9
    Like this: <a href="http://www.adsfasdf.com" class="title4">adsfasdf</a>

    Or you could just put the link inside a div or td that is like <td class="title4">
     
    mattmdesign, Aug 10, 2006 IP
  10. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    ok cool so you dont have to put the A:link in the html just in the CSS file?
    maybe i can get this site going now, ive had problem after problem with this site for around a month now, at least i got to learn alot about html and css through out my mistakes and the next sites should be easy.
     
    super234, Aug 10, 2006 IP
  11. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #11
    That is correct, then link to it from the head of the html page by putting <link rel="stylesheet" href="styles.css">
     
    mattmdesign, Aug 10, 2006 IP
  12. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Right thanks man, i think i can do this, i have faith in myself:)
     
    super234, Aug 10, 2006 IP
  13. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    hmmm, i made the class link}
    .title A:link{
    font-family: Tahoma;
    font-size: 20px;
    font-style: normal;
    color: #FF6600;
    font-weight: normal;



    } and the places where title is( they are links) dissapear also should i add the hoover,visited, active and if so how wouldit look?

    sorry for all the questions i do appreciate your help
     
    super234, Aug 10, 2006 IP
  14. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #14
    You should add those things below the link code like this:

    .title A:link {
    font-family: Tahoma;
    font-size: 20px;
    font-style: normal;
    color: #FF6600;
    font-weight: normal;
    }

    .title A:visited {
    font-family: Tahoma;
    font-size: 20px;
    font-style: normal;
    color: #FF6600;
    font-weight: normal;
    }

    I'm not sure why the links would disappear. Are they the same color as the background?
     
    mattmdesign, Aug 10, 2006 IP
  15. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    no not same as background im not sure either, most of the links didnt dissapear but these threemain navigation link disapeard il try in fix that, so i would make a seperate class for visited, hoover, and that and just conect it to title? if i had a diffrent link like .t1 would i then make a seperate A:visited for that to? i thought it went like this, .title A:link {
    font-family: Tahoma;
    font-size: 20px;
    font-style: normal;
    color: #FF6600;
    font-weight: normal;
    A:visited: #ff6666
    A:hoover: #45678
    }
     
    super234, Aug 10, 2006 IP
  16. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    about the links dissapearing they do turn white all of them now, when i clearly got title A:links color orange, would it have something to do with A already being white on the CSS sheet? i thought once i made title A:link it would overide the A in my CSS?
     
    super234, Aug 10, 2006 IP
  17. mattmdesign

    mattmdesign Well-Known Member

    Messages:
    1,201
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    118
    #17
    Yeah, that's what's causing the problem. Put the title links in a div or td with class=title and that should fix it.
     
    mattmdesign, Aug 10, 2006 IP
  18. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    ok il try that i was doing class="title", so hopefully that fixes it
     
    super234, Aug 10, 2006 IP
  19. super234

    super234 Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    thanks matt the <div> worked for most of the links theres still a couple that are still white, but im sure i can figure it out, if not i might be asking more questions
     
    super234, Aug 10, 2006 IP
  20. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #20
    Keep the occurances of 'A' lowercase. The reason for that is as XHTML is case sensitive, 'A' isn't really an element, but 'a' is. :)
     
    AdamSee, Aug 10, 2006 IP