pic shadow is gone when pic having hyperlink

Discussion in 'CSS' started by Adulu, Mar 2, 2011.

0
  1. #1
    My CSS
    a:hover{position:relative;top:1px;left:1px;}
A:link{color:#0066FF; text-decoration:none}
A:visited{color:#0066FF; text-decoration:none}
A:hover{color:red; text-decoration:underline}
A:active{color:red; text-decoration:underline}
.thumbnail {
float:left;
background: url('http://img.adulu.com/pics/shadow.gif') no-repeat bottom right !important;
margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
}

.thumbnail img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
    HTML:
    is there Anyone can help me adjust it?
    i'd like pic can hyperlink with shadow.
    thank you
     
    Adulu, Mar 2, 2011 IP
  2. Divisive Cottonwood

    Divisive Cottonwood Peon

    Messages:
    1,674
    Likes Received:
    35
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It's difficult to tell by just looking at that code. Try to create a bigger shadow.gif image? Use CSS3 box-shadow instead?
     
    Divisive Cottonwood, Mar 3, 2011 IP