E-Ticaret sitesi için markalar sayfası oluşturmak HTML+CSS [Yardım] |
12 Mesajlar | 2.383 Okunma | ||
- Üyelik 03.09.2016
- Yaş/Cinsiyet 26 / E
- Meslek Grafik Tasarım
- Konum Sakarya
- Ad Soyad C** Ş**
- Mesajlar 174
- Beğeniler 35 / 34
- Ticaret 4, (%100)
durum nedir?
- Üyelik 07.09.2013
- Yaş/Cinsiyet 29 / E
- Meslek öğrenci
- Konum Zonguldak
- Ad Soyad Ö** K**
- Mesajlar 100
- Beğeniler 45 / 23
- Ticaret 0, (%0)
Merhaba , eğer bir kayma yaşıyorsan muhtemelen div elemanlarına bir box-sizing özelliği atamamış olabilirsin. https://css-tricks.com/box-sizing/ + böyle bir sıralı div oluşturmak için css-flexbox ve grid-box yöntemlerini de incelemeni tavsiye ederim , float:left komutu eskimeye başladı :( https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*, *:before, *:after {
box-sizing: border-box;
}
.kapsayici {
position:relative;
display:flexbox;
flex-direction:row;
margin:0 -2em;
}
.item {
flex-basis:20% /* 5 eleman için auto yapılabilir.*/
max-width:20%;
padding:0 2em 1em 2em;
border:1px solid #ccc;
}
.item a,
.item img {
display:block;
width:100%;
height:100%;
}
tarzında bir kodlama yapabilirsin , şu anda verimli bir kodlama yapmış olmayabilirim ama bu yöntemi kullanmanı tavsiye ederim , responsive uyumluluğu ve tarayıcıların developer ekiplerinin şu anda entegrasyonda önem verdikleri bir yöntem.
*, *:before, *:after {
box-sizing: border-box;
}
.kapsayici {
position:relative;
display:flexbox;
flex-direction:row;
margin:0 -2em;
}
.item {
flex-basis:20% /* 5 eleman için auto yapılabilir.*/
max-width:20%;
padding:0 2em 1em 2em;
border:1px solid #ccc;
}
.item a,
.item img {
display:block;
width:100%;
height:100%;
}
tarzında bir kodlama yapabilirsin , şu anda verimli bir kodlama yapmış olmayabilirim ama bu yöntemi kullanmanı tavsiye ederim , responsive uyumluluğu ve tarayıcıların developer ekiplerinin şu anda entegrasyonda önem verdikleri bir yöntem.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)