Arkadaşlar bağlantıları 4 lü sıralamak istiyorum.
Alt alta değilde yan yana 4 link tekrar diğer alta 4 link gelecek şekilde sıralamak istiyorum.
Bu şekilde sıralamak istiyorum. Nasıl olacak arkadaşlar ?
Kategorileri 4 lü sıralamak istiyorum yardım |
8 Mesajlar | 1.441 Okunma | ||
Toplam 8 mesaj ve 1.441 görüntüleme
- Üyelik 09.05.2014
- Yaş/Cinsiyet 34 / E
- Meslek Serbest Meslek
- Konum Adana
- Ad Soyad F** Y**
- Mesajlar 114
- Beğeniler 19 / 7
- Ticaret 0, (%0)
- Ü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)
Linklerinize belli bir genişlik vermelisiniz ve float: left; kodu ile yan yana getirmelisiniz. Yani atıyorum linklerinizin çıktığı alan 100px ise siz dörde böleceksiniz, linklerin genişliğini 25px olarak ayarlayıp float: left; değeri verdiğinizde 4 kolon şeklinde linkleriniz çıkacaktır. Tasarım kısmında tabiki padding margin gibi değerleri ayarlayabilirsiniz. Genel mantık budur. Sizin kodlarınız nasıl o da meçhul tabi.
- Üyelik 09.05.2014
- Yaş/Cinsiyet 34 / E
- Meslek Serbest Meslek
- Konum Adana
- Ad Soyad F** Y**
- Mesajlar 114
- Beğeniler 19 / 7
- Ticaret 0, (%0)
Linklerinize belli bir genişlik vermelisiniz ve float: left; kodu ile yan yana getirmelisiniz. Yani atıyorum linklerinizin çıktığı alan 100px ise siz dörde böleceksiniz, linklerin genişliğini 25px olarak ayarlayıp float: left; değeri verdiğinizde 4 kolon şeklinde linkleriniz çıkacaktır. Tasarım kısmında tabiki padding margin gibi değerleri ayarlayabilirsiniz. Genel mantık budur. Sizin kodlarınız nasıl o da meçhul tabi.
Linklerim bunlar. Kategorileri sıralamak istiyorum. Hazır kodu yazabilirsiniz.
- Ü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)
Kısaca şöyle yazayım o zaman sizin için.
ul {list-style: none; width: 100%;}
ul li {width: 75px; float: left;} /*Genisligi 300px kabul edersek*/
Bu şekilde yapabilirsiniz, yalnız padding gibi margin gibi değerler verirseniz tabiki genişliği tekrar ayarlamanız gerekir. Mantık olarak bu şekilde.
ul {list-style: none; width: 100%;}
ul li {width: 75px; float: left;} /*Genisligi 300px kabul edersek*/
Bu şekilde yapabilirsiniz, yalnız padding gibi margin gibi değerler verirseniz tabiki genişliği tekrar ayarlamanız gerekir. Mantık olarak bu şekilde.
- Üyelik 09.05.2014
- Yaş/Cinsiyet 34 / E
- Meslek Serbest Meslek
- Konum Adana
- Ad Soyad F** Y**
- Mesajlar 114
- Beğeniler 19 / 7
- Ticaret 0, (%0)
Kısaca şöyle yazayım o zaman sizin için.
ul {list-style: none; width: 100%;}
ul li {width: 75px; float: left;} /*Genisligi 300px kabul edersek*/
Bu şekilde yapabilirsiniz, yalnız padding gibi margin gibi değerler verirseniz tabiki genişliği tekrar ayarlamanız gerekir. Mantık olarak bu şekilde.
ul {list-style: none; width: 100%;}
ul li {width: 75px; float: left;} /*Genisligi 300px kabul edersek*/
Bu şekilde yapabilirsiniz, yalnız padding gibi margin gibi değerler verirseniz tabiki genişliği tekrar ayarlamanız gerekir. Mantık olarak bu şekilde.
Hocam başka bir mantığı yok mu. Css dışında tablo ne bileyim başka bir yöntem
- Ü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)
En modern ve kolay yöntemi bence bu, tabi ki tablolarla divlerle de yapılabilir. Kodları ona göre düzenlemek gerekir.
- Üyelik 09.05.2014
- Yaş/Cinsiyet 34 / E
- Meslek Serbest Meslek
- Konum Adana
- Ad Soyad F** Y**
- Mesajlar 114
- Beğeniler 19 / 7
- Ticaret 0, (%0)
En modern ve kolay yöntemi bence bu, tabi ki tablolarla divlerle de yapılabilir. Kodları ona göre düzenlemek gerekir.
divlerle nasıl yaparız hocam onu yazabilirsin hazır kodu.
- Ü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)
Div kullanınca yine css kullanılır, tablo desek zaten mazide kaldı diyebilirim. Bence siz html css konusunu biraz araştırın, yine de yapamadığınız bir yer olursa bize sorarsınız.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)