ÖRNEKLERİ resimlerde gösterdim .. Profesyonel arkadaşlar yardım ederse minnettar Olurum..
Şimdiden Teşekkürler.
25PX KAYMA SORUNU OLMAYAN GÖRSEL..
30PX KAYMA SORUNU OLAN GÖRSEL..
Css ' de Kayma Sorunu Yaşıyorum .. |
12 Mesajlar | 2.084 Okunma | ||
- Üyelik 24.02.2014
- Yaş/Cinsiyet 38 / E
- Meslek Grafiker ,Seo Uzmanı , Web Yazılım , Matbaa
- Konum İstanbul Avrupa
- Ad Soyad A** Y**
- Mesajlar 179
- Beğeniler 33 / 27
- Ticaret 0, (%0)
Merhaba Arkadaşlar , Bir türlü içinden çıkamadığım bir durum var .. Örnek vermek gerekirse Şu Şekilde örnek verebilirim ... Aşağıdaki görselde , Yetenekpanel yazan Butonların Boyutu 25px , Ama ben bu ebatları 30px yada 20 px Yaptıgım zaman Kayma Sorunu yaşıyorum..
ÖRNEKLERİ resimlerde gösterdim .. Profesyonel arkadaşlar yardım ederse minnettar Olurum..
Şimdiden Teşekkürler.
25PX KAYMA SORUNU OLMAYAN GÖRSEL..
30PX KAYMA SORUNU OLAN GÖRSEL..
ÖRNEKLERİ resimlerde gösterdim .. Profesyonel arkadaşlar yardım ederse minnettar Olurum..
Şimdiden Teşekkürler.
25PX KAYMA SORUNU OLMAYAN GÖRSEL..
30PX KAYMA SORUNU OLAN GÖRSEL..
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Boyutlarını değiştirdiğiniz bölümleri kapsayan kısım için de tam bir genişlik verilmişse bu sorun doğal olarak ortaya çıkar. Kayma nedeni genişliklerin tam olarak diğer kısımlarla uyuşmaması, yani tek bir genişliği ayarlamanız yetmiyor, diğer kısımların genişlikleri ile de oynamanız gerekiyor.
- Üyelik 04.02.2015
- Yaş/Cinsiyet 33 / E
- Meslek WEB DEVELOPER
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 40
- Beğeniler 1 / 3
- Ticaret 1, (%100)
margin-top:-30px;
yazman yeterli olur sanırım olmassa z-indexi dene
yazman yeterli olur sanırım olmassa z-indexi dene
- Üyelik 07.09.2013
- Yaş/Cinsiyet 29 / E
- Meslek öğrenci
- Konum Zonguldak
- Ad Soyad Ö** K**
- Mesajlar 100
- Beğeniler 45 / 23
- Ticaret 0, (%0)
Böyle bir sorun tam anlamıyla çözülemez : kodları görmedik sürece , sadece bizler tarafından Fix yöntemi söylenebilir ;
position:relative;
top:-30px;
z-index:1;
gibi komutlar kullanabilirsiniz.Fakat kodları görmedik sürece , row yapısını okumadık sürece yardım etmek oldukça zor.
position:relative;
top:-30px;
z-index:1;
gibi komutlar kullanabilirsiniz.Fakat kodları görmedik sürece , row yapısını okumadık sürece yardım etmek oldukça zor.
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3625
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
omerkarahan adlı üyeden alıntı
Böyle bir sorun tam anlamıyla çözülemez : kodları görmedik sürece , sadece bizler tarafından Fix yöntemi söylenebilir ;position:relative;
top:-30px;
z-index:1;
gibi komutlar kullanabilirsiniz.Fakat kodları görmedik sürece , row yapısını okumadık sürece yardım etmek oldukça zor.
Katılıyorum css dosyalarını atın buraya bakalım
Bugün Bizim Yarın Çocuklarımızın.
- Üyelik 24.02.2014
- Yaş/Cinsiyet 38 / E
- Meslek Grafiker ,Seo Uzmanı , Web Yazılım , Matbaa
- Konum İstanbul Avrupa
- Ad Soyad A** Y**
- Mesajlar 179
- Beğeniler 33 / 27
- Ticaret 0, (%0)
Arkadaşlar , Çok teşekkürler ilginiz için , Kodlar Aşağıdaki gibi.
.sinema {
float: left;
width: 122px;
background: url(../images/icerdesinema.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -325px
}
.sinema :hover{
float: left;
width: 218px;
background: url(../images/sinemas.png) 0px 0px no-repeat;
height:37px;
}
.facesayfa {
float: left;
width: 122px;
background: url(../images/faceninamk.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -450px;
}
.facesayfa :hover{
float: left;
width: 218px;
background: url(../images/facesayfas.png) 0px 0px no-repeat;
height:37px;
}
.twittersayfa {
float: left;
width: 122px;
background: url(../images/twitterpage.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -575px;
}
.sinema {
float: left;
width: 122px;
background: url(../images/icerdesinema.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -325px
}
.sinema :hover{
float: left;
width: 218px;
background: url(../images/sinemas.png) 0px 0px no-repeat;
height:37px;
}
.facesayfa {
float: left;
width: 122px;
background: url(../images/faceninamk.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -450px;
}
.facesayfa :hover{
float: left;
width: 218px;
background: url(../images/facesayfas.png) 0px 0px no-repeat;
height:37px;
}
.twittersayfa {
float: left;
width: 122px;
background: url(../images/twitterpage.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -575px;
}
- Üyelik 01.10.2014
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum Konya
- Ad Soyad H** K**
- Mesajlar 118
- Beğeniler 2 / 13
- Ticaret 1, (%100)
sitenize html olarak yükleyip linkini pm atarmısınız.
Ek Olarak: sitenize html olarak yükleyip linkini pm atarmısınız.
Ek Olarak: sitenize html olarak yükleyip linkini pm atarmısınız.
- Üyelik 24.02.2014
- Yaş/Cinsiyet 38 / E
- Meslek Grafiker ,Seo Uzmanı , Web Yazılım , Matbaa
- Konum İstanbul Avrupa
- Ad Soyad A** Y**
- Mesajlar 179
- Beğeniler 33 / 27
- Ticaret 0, (%0)
- Üyelik 16.02.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım & Seo
- Konum İstanbul Anadolu
- Ad Soyad T** T**
- Mesajlar 77
- Beğeniler 21 / 17
- Ticaret 0, (%0)
Arkadaşlar , Çok teşekkürler ilginiz için , Kodlar Aşağıdaki gibi.
.sinema {
float: left;
width: 122px;
background: url(../images/icerdesinema.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -325px
}
.sinema :hover{
float: left;
width: 218px;
background: url(../images/sinemas.png) 0px 0px no-repeat;
height:37px;
}
.facesayfa {
float: left;
width: 122px;
background: url(../images/faceninamk.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -450px;
}
.facesayfa :hover{
float: left;
width: 218px;
background: url(../images/facesayfas.png) 0px 0px no-repeat;
height:37px;
}
.twittersayfa {
float: left;
width: 122px;
background: url(../images/twitterpage.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -575px;
}
.sinema {
float: left;
width: 122px;
background: url(../images/icerdesinema.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -325px
}
.sinema :hover{
float: left;
width: 218px;
background: url(../images/sinemas.png) 0px 0px no-repeat;
height:37px;
}
.facesayfa {
float: left;
width: 122px;
background: url(../images/faceninamk.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -450px;
}
.facesayfa :hover{
float: left;
width: 218px;
background: url(../images/facesayfas.png) 0px 0px no-repeat;
height:37px;
}
.twittersayfa {
float: left;
width: 122px;
background: url(../images/twitterpage.png) 0px 0px no-repeat;
height: 65px;
position: absolute;
z-index: 1;
margin-top: -226px;
margin-left: -575px;
}
Kayma dan bahsettiğiniz bu face twitter butonlarını yukarı çekeceksiniz dimi ?
HTLM ve CSS dosyasını gönderin hocam kodlara bakarak düzeltelim. Şimdi buradan ne dersek boş olur.
- Üyelik 24.02.2014
- Yaş/Cinsiyet 38 / E
- Meslek Grafiker ,Seo Uzmanı , Web Yazılım , Matbaa
- Konum İstanbul Avrupa
- Ad Soyad A** Y**
- Mesajlar 179
- Beğeniler 33 / 27
- Ticaret 0, (%0)
Hayır hocam yukarı yada asagı cekmeyecegim.. Onların orada sabitlenmesini istiyorum. Yani Hemen altındaki Yetenekpanel yazan butonlar ne kadar genislerse genislesin , yada ne kadar kücülürse küçülsün yukarıdakiler sabit kalsın istiyorum.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)