lostyazilim

CSS'de öğeyi öne çıkarmak ?

9 Mesajlar 27.894 Okunma
lstbozum
wmaraci reklam

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)
Merhaba,

tasarımda bir resim var ve resmin üstüne sosyal ağlar ikonu ekleyeceğim ama ikonlar resmin altına giriyor,nasıl en üste çıkarabilirim logoları ?
 

 

wmaraci
reklam

StRonK StRonK Öğrenci Kullanıcı
  • Üyelik 09.07.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Bursa
  • Ad Soyad E** A**
  • Mesajlar 114
  • Beğeniler 80 / 28
  • Ticaret 1, (%100)
z-index ile üste çıkarabilirsin
 

 

2 Dakika Adam Ol Desem "Kaç Dakikam Kaldı"diye Soracak İnsanlar Var...
Şener Şen

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)

StRonK adlı üyeden alıntı

z-index ile üste çıkarabilirsin


Hocam kodu nasıl kullanabilirim ?
 

 

OzgurG OzgurG Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.08.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Meslek
  • Konum Adana
  • Ad Soyad Ö** G**
  • Mesajlar 172
  • Beğeniler 10 / 36
  • Ticaret 3, (%100)
Resmin CSS koduna z-index:2 ekleyin. Sosyal medyanın CSS koduna da z-index:1 ekleyin.
 

 

wmaraci
wmaraci

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)

OzgurG adlı üyeden alıntı

Resmin CSS koduna z-index:2 ekleyin. Sosyal medyanın CSS koduna da z-index:1 ekleyin.


display:block kodunu kullanıyorum,kodu kaldırınca z-index kodu çalışıyor ama bu seferde margin-top kodu çalışmıyor nasıl halledebiliriz bunu ?
 

 

OguzEREN OguzEREN MustafaKemalAtatürk Kullanıcı
  • Üyelik 15.10.2012
  • Yaş/Cinsiyet 30 / E
  • Meslek Computer Engineering
  • Konum İzmir
  • Ad Soyad O** E**
  • Mesajlar 216
  • Beğeniler 54 / 61
  • Ticaret 0, (%0)
Ben şu şekilde yapıyorum 2 div var mesela üste gelecek divi, alta gelecek divin altına yazıyorum sonra margini-100px veriyorum diğerinin üstüne çıkmış oluyor div :)
 

 

A good friend would give you the shirt off his back.

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)

iskorpita adlı üyeden alıntı

Ben şu şekilde yapıyorum 2 div var mesela üste gelecek divi, alta gelecek divin altına yazıyorum sonra margini-100px veriyorum diğerinin üstüne çıkmış oluyor div :)


Denedim hocam değişen birşey yok..


Sorun hala çözülmedi:confused:
 

 

rws rws WM Aracı Kullanıcı
  • Üyelik 23.10.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek kimyager
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 666
  • Beğeniler 94 / 138
  • Ticaret 2, (%100)
resmin bulunduğu kısma position:relative ekle sosyal ağların bulunduğu kısma position:absulute 5px 10px ekle
 

 

wordpress-html-css-web işleri yapılır

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)

rws adlı üyeden alıntı

resmin bulunduğu kısma position:relative ekle sosyal ağların bulunduğu kısma position:absulute 5px 10px ekle


Teşekkürler,position:relative kodunu sosyal ikon kısmına ekledim üste çıktı,teşekkürler :)
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al