Resim 100px genişliğinde, (witdh: 100px) Yüksekliği ise 200px (height: 200px) CSS Kod (Tümünü seç yapıp, kendi sayfanızın kaynağına yapıştırın) <style type="text/css"> ul#resim { position:absolute; height: 200px; width: 100px; margin: 0; padding: 0; } ul#resim li { list-style: none; position: absolute; } ul#resim li a { height: 100px; display: block; position:relative; } #resim1 a{ width:100px; background: url(https://img.webme.com/pic/h/hackerfriendly/programcity.jpg) 0 0 no-repeat; } #resim1 {left: 0px;} #resim1 a:hover{ width:100px; background: url(https://img.webme.com/pic/h/hackerfriendly/programcity.jpg) 0 -100px no-repeat; } </style> Resim Kodu <ul id="resim"> <li id="resim1"><a></a> </li> </ul> Kodu okuyarak anlamaya çalışın ve kendinize göre düzenleyin.