Link Picture change with CSS

Discussion in 'CSS' started by cj1223, Sep 15, 2006.

  1. #1
    Im trying to make a navigation box were when you hover over a link the picture will show up on the side, well i figured out how to do it with absolute positioning but when i hover over the link both the link and the picture starts flickering, and i don't understand why, if someone has experience with this and knows why my stuff keeps flickering please let me know why.

    I would post a link but the sites not published or even close to being finished, but if you guys really need to see what i got going on i can publish it real quik.

    Also the pictures i want to use are all small and i want to enlarge them, but i don't want the to look like crap(you know when you blow up an image it doesn't look clear, I got photoshop if there's a way to fix this please enlighten me.
     
    cj1223, Sep 15, 2006 IP
  2. Pat Gael

    Pat Gael Banned

    Messages:
    1,331
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Pat Gael, Sep 15, 2006 IP
  3. cj1223

    cj1223 Well-Known Member

    Messages:
    287
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #3
    thanks for the article i read it now let me say if i understand this, so you make a div id for a:link and a:hover?

    Im about to try this out but let me know if i miss understood the article.

    I thik its a div id they write Div# a img, a img?
    Then they write Div# a:hover, so this means make a div id right?
     
    cj1223, Sep 16, 2006 IP
  4. cj1223

    cj1223 Well-Known Member

    Messages:
    287
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #4
    So you make a div id #links and you set a img at 0-0-0-0 position and then you make a #link a:hover and you put a background img in the absolut position you want? I think this is what the article is saying?

    I tryed doing link picture change with a regular link and setting the A:hover as a background with absolute positioning, but when you do it that way you get a flicker because the background picture trys and acts like a link so it flickers Else you quickly hover from the link to the picture

    i t\just dont get how you make a link in a div id, please clear this up and make sure i know what im doing
     
    cj1223, Sep 16, 2006 IP
  5. cj1223

    cj1223 Well-Known Member

    Messages:
    287
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #5
    im having troubles with this, if im understanding right and you make a div id a:link, a:hover ext. Well it messes up becuase i got a div id for thw navigation box they links are in, and i cant use two div in one section.

    Maybe i got it wrong and your not suposed to make a div id?
     
    cj1223, Sep 16, 2006 IP