Css Den Resim Ekleme

[vanilla2047]

css üzerinden eklediğimiz resimlerin isteğimiz yerlerine nasıl link ekleriz? bir de resmin tam olarak istediğimiz yerde çıkmasını sağlayan bi program yada bi kolaylık varmı yoksa deneme yanılma yapmaya devammı?

[νєяуLife ©]

örnek :

sayfanda bunu kullan ;

<div id="ekran">
<a id="yazi1" title="yazi 1 aciklama" href="url1"></a>
<a id="yazi2" title="yazi 2 aciklama" href="url2"></a>
<a id="yazi3" title="yazi 3 aciklama" href="url3"></a>
</div>[/CODE]

.css dosyana da şunları ekle;

[CODE]/* Ekran kodları
-------------------------------------------------------- */
#ekran {
width: 711px; height: 214px;
margin: auto;
background: transparent url(img/ekran.png) no-repeat top center;
}
a#yazi1 {
width: 197px; height: 190px;
float: left;
background: transparent;
margin: 14px 0px 0px 27px;
}
a#yazi2 {
width: 197px; height: 190px;
float: left;
background: transparent;
margin: 14px 0px 0px 33px;
}
a#yazi3 {
width: 197px; height: 190px;
float: left;
background: transparent;
margin: 14px 0px 0px 33px;
}[/CODE]

img ya da belirlediğin resim klasörüne ekran.png v.b. bir resim at ilgili resim üzerinde arkaplanı transparan olan yukarıdaki css kodları ile oluşturulmuş a.. url kodları çalışacaktır.