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.

Hover border image effect

Discussion in 'CSS' started by powerlifer, Nov 8, 2009.

  1. #1
    Hey, im looking to know the best way to code the image hover border effect.

    Ive looked at their code and im extremely slow today but are they applying the hover to link would this code suffice.

    .thumbimage a {
    border:2px solid #000;
    }

    .thumbimage a:hover {
    border:2px solid #fff;
    }


    http://www.youandigraphics.com/

    i applied that class to my anchor but it didnt work.

    anyhelp is appreciated.

    cheers
     
    powerlifer, Nov 8, 2009 IP
  2. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #2
    CSS :


      .thumbimage {
        border:2px solid #000;
      }
      a:hover .thumbimage {
        border:2px solid #fff;
      }
    Code (markup):

    HTML :

    <a href="#"><img src="http://www.youandigraphics.com/portofolio/wp/index.jpg" class="thumbimage" /></a>
    HTML:
     
    ExtremeData, Nov 8, 2009 IP
    powerlifer likes this.
  3. powerlifer

    powerlifer Active Member

    Messages:
    2,002
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #3
    ahh so it must be applied to teh image not the anchor link.

    cheers i will give this a shot thanks for taking the time:).
     
    powerlifer, Nov 8, 2009 IP