Video temaları gibi yanyana?

Arkadaşlar wordpress için video temaları geliştiriliyor. Video temalarında örneğin her satırda 4 tane video olacak şekilde sayfada kaç video varsa ekleniyor.
örneğin
VIDEO1 VIDEO2 VIDEO3 VIDEO4

VIDEO5 VIDEO6 VIDEO7 VIDEO8

şeklinde. Bunun mantığı nedir , bu şekilde yan yana sıralama yapmak için yazılmış kodu taslak halinde yazabilecek olan ya da en azından mantıgını yazacak olan varsa sevinirim.

bunu css ile yapacaksınız. ilgili div lere css yazarak yan yana 4 video koyabilirsin.

pm ile msn gönder. örenk kod atayım

Hmm CSS ile yapılacaksa koda ihtiyacım yok yani diyelim ;

800 pixel bir alan var.
Her satırda 4 video olacak.
200er pixel dedim postun her birine.
4. videodan sonra 5.video alt satırda çıkacaksa yani bu dediğim olacaksa sorun yok.

Dostum mantığı şudur;

sabit genişlikte bir içerik alanı oluşturursun // videoların yer alacağı alan.
bu alana atıyorum 650px genişlik (width) verirsin.her video için resim + açıklamalar olucağını varsay her kutu için 100px genişlik verirsin (rastgele bir değer yazıyorum) ve bu kutulara float:left verip sola dayarsan.650px genişlik içinde alınabilcek maksimum kutuyu sola dayayarak sıralar.Yani yan yana 6 kutu sıralar 7. kutuya gelirse genişlik 700px olucağından bunu kabul etmez ve 7. kutuyu alt satıra atarak ordan devam eder.Tabi bu kabataslak mantık için anlatılmış örnek sana.Bunun içinde margin padding border vs. diğer değerler ile videoları göstereceğin kutu için boyutu kendin belirlicek sin ve bir nevi 1 satırda ne kadar video sıralamak istediğinide sen belirliyebilirsin.Kısacası genişliği 100 değil 200px yaparsan 3 kutu listeler her satırda bunun gibi.

@JustGo
teşekkürler.

html kodların şöyle olur;

<div id="sayfa">
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
</div>

css kodlarında şöyle;

#sayfa { width: 800px; height:500px; }
#yazi { float:left; width:200px; height:100px; }

*******
bu şekilde yaptıgında yan yana 4 alt alta da 5 yazı listelenir.

yazmaya gerek kalmamış @ghostdesigner -aynen böyle-

<div id="sayfa">
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div id"yazi"></div>
<div style="clear:both;"></div><!--clear-->
</div>

temizlemeyi unutmuşsun, gerçi fixed height vermişsin

ghostdesigner yazmış gerekli kodu.
değil de düzenlemesi yapim ben de Mantık hatası olmasın