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

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

Yorumunuzu Ekleyin
Görsel Liste


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

82,446 okuma, 31/05/2014

Div ile Bölümler Oluşturmak
CSS ile Menü Yapımı

CSS'in menü yapımına etkileri

58,085 okuma, 01/11/2024

CSS ile Menü Yapımı
List Tagları ve Css ile Yatay Menü Yapımı

İngilizce bir makaledir.

46,311 okuma,

List Tagları ve Css ile Yatay Menü Yapımı
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

33,211 okuma,

CSS ile Dikey Menü Yapımı
CSS z-index Uygulamaları

29,470 okuma, 31/05/2014

CSS z-index Uygulamaları
Renkli Form Yapımı

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

26,975 okuma, 01/11/2024

Renkli Form Yapımı
Renkli ve Aktif Form Uygulaması

25,841 okuma,

Renkli ve Aktif Form Uygulaması
CSS ve Font Uygulamaları

24,073 okuma,

CSS ve Font Uygulamaları
CSS ve Clip

23,215 okuma, 28/05/2014

CSS ve Clip
CSS ve Text Uygulamaları

23,202 okuma,

CSS ve Text Uygulamaları
CSS Background Örneği

23,139 okuma,

CSS Background Örneği
CSS ile Pozisyon ve Katman Uygulamaları

22,910 okuma,

CSS ile Pozisyon ve Katman Uygulamaları
CSS Dimension Uygulamaları

Height, width, line-height uygulamaları

22,889 okuma,

CSS Dimension Uygulamaları
CSS ve Tablolar

22,625 okuma,

CSS ve Tablolar
CSS İle Yorum Baloncukları Yapmak

22,317 okuma, 03/12/2016

CSS İle Yorum Baloncukları Yapmak
Pseudo - Classes Kullanımları

Konu hakkında üç farklı örnek

22,238 okuma,

Pseudo - Classes Kullanımları
Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma

22,192 okuma,

Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma
CSS ve Sıralı Listeler

22,162 okuma,

CSS ve Sıralı Listeler
CSS Border Uygulamaları

21,760 okuma,

CSS Border Uygulamaları
CSS Background Uygulamaları

21,596 okuma,

CSS Background Uygulamaları
CSS Görünürlük Özellikleri

Display, none ve Visibility hidden farkı

21,025 okuma,

CSS Görünürlük Özellikleri
CSS Padding ve Margin

20,922 okuma,

CSS Padding ve Margin
CSS Stillerini Web Sayfasına İliştirmek

20,831 okuma,

CSS Stillerini Web Sayfasına İliştirmek
CSS ve Overflow

19,556 okuma,

CSS ve Overflow
CSS Animasyon Örnekleri

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

5,558 okuma, 27/06/2019

CSS Animasyon Örnekleri
Div ile Kart (Card) Yapımı

207 okuma, 08/11/2024

Div ile Kart (Card) Yapımı
Yükleniyor...
    Yükleniyor...