1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
| #gallery {
position: relative;
width: 1150px;
border: 1px solid black;
height: 800px;
background-color: black;
}
#gallery p{
position: absolute;
color: white;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 20px;
margin-top: 285px;
margin-left: 500px;
}
#thumbs {
margin-top: 75px;
margin-left: 50px;
width: 120px;
float: left;
}
#thumbs a {
display: block;
float: right;
margin: 0 0 5px 5px;
width: 50px;
height: 50px;
}
#thumbs a img {
width: 50px;
height: 50px;
border: 0;
}
#thumbs a:hover {
border-color: #ddd;
}
#thumbs a:hover img {
margin-top: 160px;
margin-left: 90px;
position: absolute;
width: auto;
height: auto;
left: 150px;
top: 0px;
border: 8px solid #333;
} |
Partager