Помощник
|
Разбиение списка на колонки по 4 элемента |
InviS
|
Сообщение
#1
|
||
|
|
||
|
|||
Alcorn |
17.8.2010, 5:40;
Ответить: Alcorn
Сообщение
#2
|
|
Заполняется в цикле слева-направо, if (счётчик==4), переходим правее. Но это в раздел php.
Касаемо вёрстки - каждый блок в отдельный div с float:left либо display:inline-block. |
|
|
InviS
|
Сообщение
#3
|
|
Ну я в принципе так и подумывал сделать. Просто подумал может можно как-то с помощью css :)
|
|
|
pavelsc |
18.8.2010, 6:54;
Ответить: pavelsc
Сообщение
#4
|
|
|
InviS, можно и так еще. Осталось узнать почему только в опере пашет, и больше нигде =))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> body {margin:0;color:#fff;font:bold 17px Tahoma;text-align:center} td {width:100px;text-align:left; vertical-align:top;} </style> <script> function x() { var str = ''; //вот тут будут данные var mdb = new Array ('<input type="radio" name="test" value="1">Test1<br>','<input type="radio" name="test" value="2">Test2<br>','<input type="radio" name="test" value="3">Test3<br>','<input type="radio" name="test" value="4">Test4<br>','<input type="radio" name="test" value="5">Test5<br>','<input type="radio" name="test" value="6">Test6<br>','<input type="radio" name="test" value="7">Test7<br>','<input type="radio" name="test" value="8">Test8<br>','<input type="radio" name="test" value="9">Test9<br>','<input type="radio" name="test" value="10">Test10<br>','<input type="radio" name="test" value="11">Test11<br>'); //дальше не менять var col = Math.ceil(mdb.length/4); for (s=0; s<col; s++){ str+='<td></td>'; } document.getElementById('tb').innerHTML=str; for (s=0; s<col; s++){ for (i=0; i<4; i++){ if (i+s*4<mdb.length) document.getElementById('tb').rows(0).cells(s).innerHTML+=mdb[i+s*4]; }} } </script> </head> <body onload="x();"> <table border="1" bgcolor="#ff0000" id="tb" cellpadding=0 cellspacing=0></table> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разбить массив категорий на колонки | 2 | vitek_gagra | 1598 | 30.3.2019, 16:41 автор: Gerga |
|
При удалении одного элемента, перестает работать другой. Помогите исправить! | 1 | vantusxyz | 5572 | 24.6.2016, 16:08 автор: -Degradator- |
|
Вывод списка custom post types | 0 | Вячеслав | 1304 | 3.2.2016, 2:07 автор: Вячеслав |
|
не получается скопировать дополнительные колонки меню | 1 | Владлен_hb | 5829 | 11.12.2015, 5:18 автор: -Владлен- |
|
Как подстроить 3 разные элемента в один ряд | 2 | Генрих Арутюнян | 5540 | 19.2.2015, 10:43 автор: -Генрих Арутюнян- |
Текстовая версия | Сейчас: 24.4.2024, 17:01 |