Merhaba,
Sorum uzun ama basit. Merak etmeyin.. :) Kendim yapamadım, o yüzden fikir almak istiyorum.
Arkadaşlar, 700x400 boyutunda, "positon:absolute" ile sabitlenmiş, bir alan içerisine aşağıda resimdeki gibi bir liste yapmak istiyorum.
Portal'imizde kullanacağız.
Ör:
Detay:
Yukarıdaki code örneğinde olduğu gibi tablo olmadan sadece div veya ul list kullanılarak olması gerekiyor.
Yükseklik sabit olduğu için (resimdeki gibi, yukarıdan-aşağı) A, B, C, D, E, F'den sonra listenin devamı 2. bir sutun gibi sağ taraftan devam edecek.
L'den sonra yine sağ taraftan devam edecek.
div genişlik olarak da sabit olduğu için liste alana sığmadığı durumda sadece yatay olarak scrollbar çıkacak ve listenin devamı yine aynen gözükecek.
Listenin sağ tarafını görmek için scrollbar yatay olarak kaydırılmalı. Kesinlikle dikey olarak scroolbar istemiyorum.
Böyle bir liste nasıl yapılabilir, çok uğraştım ben ama yapamadım. Listedeki div'lere "float:left" vermek gibi şeyler de denedim ama bu sefer liste yan yana gidip aşağıdan devam ediyor. Benim istediğim bu değil. Fikirlerinizi bekliyorum..
Sorum uzun ama basit. Merak etmeyin.. :) Kendim yapamadım, o yüzden fikir almak istiyorum.
Arkadaşlar, 700x400 boyutunda, "positon:absolute" ile sabitlenmiş, bir alan içerisine aşağıda resimdeki gibi bir liste yapmak istiyorum.
Portal'imizde kullanacağız.
Ör:
<div style="position:absolute; width:700px; height:400px; background:#333;">
<div style="width:200px; height:50px; background:#FFF; color:#333; font-size:18pt;">[B]A[/B]</div>
<div style="width:200px; height:50px; background:#FFF; color:#333; font-size:18pt;">[B]B[/B]</div>
<div style="width:200px; height:50px; background:#FFF; color:#333; font-size:18pt;">[B]C[/B]</div>
<div style="width:200px; height:50px; background:#FFF; color:#333; font-size:18pt;">[B]D[/B]</div>
<div style="width:200px; height:50px; background:#FFF; color:#333; font-size:18pt;">[B]E[/B]</div>
[B]...[/B]
</div>
Detay:
Yukarıdaki code örneğinde olduğu gibi tablo olmadan sadece div veya ul list kullanılarak olması gerekiyor.
Yükseklik sabit olduğu için (resimdeki gibi, yukarıdan-aşağı) A, B, C, D, E, F'den sonra listenin devamı 2. bir sutun gibi sağ taraftan devam edecek.
L'den sonra yine sağ taraftan devam edecek.
div genişlik olarak da sabit olduğu için liste alana sığmadığı durumda sadece yatay olarak scrollbar çıkacak ve listenin devamı yine aynen gözükecek.
Listenin sağ tarafını görmek için scrollbar yatay olarak kaydırılmalı. Kesinlikle dikey olarak scroolbar istemiyorum.
Böyle bir liste nasıl yapılabilir, çok uğraştım ben ama yapamadım. Listedeki div'lere "float:left" vermek gibi şeyler de denedim ama bu sefer liste yan yana gidip aşağıdan devam ediyor. Benim istediğim bu değil. Fikirlerinizi bekliyorum..
