-
Üyelik
05.11.2012
-
Yaş/Cinsiyet
34 / E
-
Meslek
Öğrenci
-
Konum
Ankara
-
Ad Soyad
B** C**
-
Mesajlar
865
-
Beğeniler
0 / 145
-
Ticaret
8, (%100)
Resimde de görüldüğü gibi o 3 sosyal iconu sağ tarafa yaslamak istiyorum nasıl yapabilirim ?
CSS Kodları Bunlar
.soc_icons{
margin: 13px 0 50px;
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
-
Üyelik
16.04.2013
-
Yaş/Cinsiyet
40 / E
-
Meslek
Muhasebe
-
Konum
Trabzon
-
Ad Soyad
** **
-
Mesajlar
4
-
Beğeniler
0 / 0
-
Ticaret
0, (%0)
İşin uzmanı değilim ama denemen için bir tavsiye en üstteki
.soc_icons{
margin: 13px 0 50px;
}
koduna
float:right;
kodunu ekleyip dene, belki işe yarar :)
Ya da hepsini bir div içine al ve divden positiondan left:800px gibi bir kodla yararlanabilirsin.
-
Üyelik
14.09.2012
-
Yaş/Cinsiyet
39 / E
-
Meslek
Yazılım geliştirme
-
Konum
Ankara
-
Ad Soyad
M** A**
-
Mesajlar
217
-
Beğeniler
55 / 48
-
Ticaret
0, (%0)
Denemek de hep fayda var
.soc_icons{
position: fixed; /* "absolute"=sayfa aşağı inse de sabit kalır, "fixed"=sayfaya yapışır kalır aşağı inseniz de takip eder */
/*margin: 13px 0 50px; bu sizinki alttan 50px üstten 13px ben sağa da 20px vericem */
right: 20px; /* sağdan 20px */
bottom: 15px; /* alttan 15px */
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
}
Murat Alabacak <http://muratalabacak.net>
SonerOD
Grafiker,Müzisyen
Kullanıcı
-
Üyelik
02.07.2011
-
Yaş/Cinsiyet
28 / E
-
Meslek
Grafiker,Müzisyen
-
Konum
İstanbul Anadolu
-
Ad Soyad
S** O**
-
Mesajlar
73
-
Beğeniler
18 / 12
-
Ticaret
0, (%0)
Sitenin adresini gönderebilirsen firebug ile hemen bulabilirim :)
-
Üyelik
14.01.2013
-
Yaş/Cinsiyet
33 / E
-
Meslek
E-Ticaret Uzmanlığı
-
Konum
İstanbul Anadolu
-
Ad Soyad
Y** K**
-
Mesajlar
171
-
Beğeniler
29 / 42
-
Ticaret
5, (%100)
.soc_icons{
margin: 13px 0 50px;
width:980px;
float:right;
}
marginlere ayar çekmen lazım
trgy
Mühendis
Kullanıcı
-
Üyelik
22.12.2010
-
Yaş/Cinsiyet
34 / E
-
Meslek
Mühendis
-
Konum
Macaristan
-
Ad Soyad
T** Y**
-
Mesajlar
390
-
Beğeniler
32 / 209
-
Ticaret
16, (%100)
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
Buraya float: right; eklemen yeterli. Olmaz ise aşağıdaki yere de float: right; ekle
.soc_icons{
margin: 13px 0 50px;
}
-
Üyelik
10.07.2012
-
Yaş/Cinsiyet
29 / E
-
Meslek
Developer
-
Konum
Konya
-
Ad Soyad
M** A**
-
Mesajlar
1120
-
Beğeniler
1086 / 244
-
Ticaret
1, (%100)
.soc_icons{
margin: 13px 0 50px;
position:absolute;
right:20px;
bottom:10px;
}
İşini Görür diye umuyorum.. =)
-
Üyelik
05.11.2012
-
Yaş/Cinsiyet
34 / E
-
Meslek
Öğrenci
-
Konum
Ankara
-
Ad Soyad
B** C**
-
Mesajlar
865
-
Beğeniler
0 / 145
-
Ticaret
8, (%100)
Arkadaşlar öncelikle bu kadar ilgili olduğunuz için gönülden teşekkür ederim. Marginlerle oynadım fakat değişmedi verdiğiniz şekilde bire bir değiştirdim fakat yine değişmedi anlayamadım ki :/
Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
-
Üyelik
05.11.2012
-
Yaş/Cinsiyet
34 / E
-
Meslek
Öğrenci
-
Konum
Ankara
-
Ad Soyad
B** C**
-
Mesajlar
865
-
Beğeniler
0 / 145
-
Ticaret
8, (%100)
Hocam localde çalısıyorum tamamlamadan atmadım tek pürüz orası kaldı .
Bu css footer bölümü
/*footer*/
footer {
position: absolute;
bottom:0px;
padding-left: 49px;
margin-top:-50px;
}
footer p {
position: relative;
color: #616060;
}
footer p a{
color: #c63737;
}
.soc_icons{
margin: 13px 0 50px;
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
}
/*end footer*/
Bu da footerin indexi
Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
