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

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

25,321 Okunma Henüz yorum yapılmamış 29/02/2008 04:32:10

Yorumunuzu Ekleyin

List Tagları ve Css ile Yatay Menü Yapımı İngilizce bir makaledir.
List Tagları ve Css ile Yatay Menü Yapımı

İngilizce bir makaledir.
Detaylar

49,013 Okunma Yorumsuz

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

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

29,612 Okunma Yorumsuz

CSS z-index Uygulamaları
CSS z-index Uygulamaları
Detaylar

32,234 Okunma Yorumsuz 31/05/2014 16:58:38

CSS Dimension Uygulamaları Height, width, line-height uygulamaları
CSS Dimension Uygulamaları

Height, width, line-height uygulamaları
Detaylar

25,002 Okunma Yorumsuz

CSS Border Uygulamaları
CSS Border Uygulamaları
Detaylar

24,071 Okunma Yorumsuz

CSS Background Uygulamaları
CSS Background Uygulamaları
Detaylar

23,813 Okunma Yorumsuz

CSS ile Dikey Menü Yapımı 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()ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir
CSS ile Dikey Menü Yapımı

Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişim...
Detaylar

36,307 Okunma Yorumsuz

CSS Background Örneği
CSS Background Örneği
Detaylar

25,442 Okunma Yorumsuz

CSS İle Yorum Baloncukları Yapmak
CSS İle Yorum Baloncukları Yapmak
Detaylar

24,468 Okunma 2 Yorum 03/12/2016 00:22:52

CSS Görünürlük Özellikleri Display, none ve Visibility hidden farkı
CSS Görünürlük Özellikleri

Display, none ve Visibility hidden farkı
Detaylar

23,116 Okunma Yorumsuz

CSS Padding ve Margin
CSS Padding ve Margin
Detaylar

23,150 Okunma 1 Yorum

CSS ve Font Uygulamaları
CSS ve Font Uygulamaları
Detaylar

26,359 Okunma Yorumsuz

CSS ve Sıralı Listeler
CSS ve Sıralı Listeler
Detaylar

24,622 Okunma Yorumsuz

CSS ile Pozisyon ve Katman Uygulamaları
CSS ile Pozisyon ve Katman Uygulamaları
Detaylar

25,253 Okunma 1 Yorum

CSS ve Clip
CSS ve Clip
Detaylar

25,673 Okunma Yorumsuz 28/05/2014 20:18:55

CSS ile Menü Yapımı CSS'in menü yapımına etkileri
CSS ile Menü Yapımı

CSS'in menü yapımına etkileri
Detaylar

61,136 Okunma 1 Yorum 28/12/2018 21:20:47

CSS Stillerini Web Sayfasına İliştirmek
CSS Stillerini Web Sayfasına İliştirmek
Detaylar

22,855 Okunma 1 Yorum

CSS ve Text Uygulamaları
CSS ve Text Uygulamaları
Detaylar

25,553 Okunma Yorumsuz

Pseudo - Classes Kullanımları Konu hakkında üç farklı örnek
Pseudo - Classes Kullanımları

Konu hakkında üç farklı örnek
Detaylar

24,349 Okunma Yorumsuz

CSS ve Overflow
CSS ve Overflow
Detaylar

21,563 Okunma Yorumsuz

CSS ve Tablolar
CSS ve Tablolar
Detaylar

24,888 Okunma Yorumsuz

Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma
Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma
Detaylar

24,453 Okunma Yorumsuz

Div ile Bölümler Oluşturmak 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
Div ile Bölümler Oluşturmak

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 ç...
Detaylar

91,172 Okunma 2 Yorum 31/05/2014 16:44:34

Renkli ve Aktif Form Uygulaması
Renkli ve Aktif Form Uygulaması
Detaylar

28,887 Okunma Yorumsuz

CSS Animasyon Örnekleri Bir kaç faydalı cssle yapılan animasyon örneği...
CSS Animasyon Örnekleri

Bir kaç faydalı cssle yapılan animasyon örneği...
Detaylar

8,382 Okunma Yorumsuz 27/06/2019 11:21:00

Yükleniyor...