Öncelikle, footer'a position: absolute vermen hata.
Ek Olarak: Dediğimi yapmadıysan bir de şunu dener misin?
footer { position: relative; }
.soc_icons { position: absolute; right: 0px; }
Sosyal İconları Sağa Yaslama? |
16 Mesajlar | 2.794 Okunma | ||
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
- Ü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 tam olarak bunu css de nereyle değiştirmem gerekiyo verdiğim kodlarla ?
Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
Hak bela vermez kul azmadıkça...
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
Hocam tam olarak bunu css de nereyle değiştirmem gerekiyo verdiğim kodlarla ?
Yeni CSS'niz şöyle olmalı:
/*footer*/
footer {
position: relative;
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;
right: 0px;
position: absolute;
}
.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*/ - Ü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 aynı yerleri bile değişmedi .En iyisi ben tamamlayıp siteye atayım ordan bakalım . Sağolun ilginiz için.
Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
Hak bela vermez kul azmadıkça...
- Üyelik 16.04.2013
- Yaş/Cinsiyet 39 / E
- Meslek Muhasebe
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 4
- Beğeniler 0 / 0
- Ticaret 0, (%0)
.soc_icons{
margin: 13px 0 50px;
}
bu koda
position:relative;
left:600px;
gibi bir şey yaz
ya da
footer kodlarındaki ul kısmını arasına al. Css dende
.hizalama{
position:relative;
left:600px;(700-800 zevkine göre değer ver)
}
sanırım bu şekilde olur
margin: 13px 0 50px;
}
bu koda
position:relative;
left:600px;
gibi bir şey yaz
ya da
footer kodlarındaki ul kısmını
.hizalama{
position:relative;
left:600px;(700-800 zevkine göre değer ver)
}
sanırım bu şekilde olur
- Üyelik 14.09.2012
- Yaş/Cinsiyet 38 / E
- Meslek Yazılım geliştirme
- Konum Ankara
- Ad Soyad M** A**
- Mesajlar 217
- Beğeniler 55 / 48
- Ticaret 0, (%0)
Aşağıdakini denersen olacağına eminim, sorunu çözemedin galiba
alabacaknet adlı üyeden alıntı
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>