Konular

EBooklar

Tek parça resim dosyasından ilgili resmi css ile gösterme çağrı

Tek parça resim dosyasından ilgili resmi CSS ile gösterme,

Tek parça resim dosyasından ilgili resmi CSS ile gösterme
Resim dosyasından kaç tane resim ekrana basmak istiyorsak o kadar div oluşturuyoruz.

 
<body>
<div style="float:left; width:29px; height:30px; background-repeat:no-repeat; background-position:-60px 2px; background-image: url(simge.jpg);"></div>
<div style="float:left; width:30px; height:30px; background-repeat:no-repeat; background-position:-90px 2px; background-image: url(simge.jpg);"></div>
</body>
 
 

Background position ise soldan vericeğiz boşluğun ölçüsüdür.Örneğin simgeler arasındaki boşluk 10px ise bir sonraki simge için -35px girilmelidir

CSS ayarlarını yukarıdaki gibi yaptıktan sonra ekran görüntüsü aşağıdaki gibi olacaktır

Tek parça resim dosyasından ilgili resmi CSS ile gösterme

Kaynak Çağrı KASAPOĞLU

Yorumunuzu Ekleyin


  • Div ile Bölümler Oluşturmak
  • Div ile Bölümler Oluşturmak ~ 62,294

    Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme ile ilgili bir çalışma




  • CSS ile Dikey Menü Yapımı
  • CSS ile Dikey Menü Yapımı ~ 23,131

    Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler...



  • Renkli Form Yapımı
  • Renkli Form Yapımı ~ 17,984

    CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek