Верска дивами: 3 столбца

[TS.ka]

Зачем извращаться с дивами когда есть таблицы?
Имхо смешанная верстка рулит.

Зачем использовать таблицы там, где они не нужны?

 

[unsiker]

Зачем извращаться с дивами когда есть таблицы?

Затем что это действительно нужно. Есть одна СМS в ней идет блочный вывод контента. При этом разрабы не придмали проверять кратность вывода. тоесть у меня логический вопрос:когда верстаеш с помощью таблицы, как узнать что Ты вывел 3 елемента? и тебе нужно переходить на новую строку.
Можно конечно вкурить маны, изучить АПИ системы, сделать хитрую проверку узнать что она не работает при некоторых обстоятельствах и т.д. и т.п. А можно дивами сверстать в 3 столбика и забыть про эту проблему

 

[pslava]

у меня логический вопрос:когда верстаеш с помощью таблицы, как узнать что Ты вывел 3 елемента? и тебе нужно переходить на новую строку.

Как вариант: делаешь 1 большую ячейку и в нее ставишь дивы с стилем "float:left", - в результате блоки сами будут переноситься и ставиться один под одним - все равно что аналог 1 большого внешнего дива

 

[serjinio]

могу предложить вывод фоток в таблицу...намного стабильней дизайн при горизонтальном фиксированном расположении...

$ar = array('1_фото','2_фото','3_фото','4_фото','5_фото','6_фото','7_фото','8_фото','9_фото','10_фото','11_фото');
$c = 3;//к-во столбцов...
$n = ($c>count($ar) || !(count($ar)%$c)) ? count($ar) : count($ar)+($c-count($ar)%$c);
print "<table cellpadding='2' cellspacing='1' bgcolor='#000'>\r\n";
for ($i=0; $i<$n; $i++) {
  if (!($i % $c)) echo "\r\n<tr bgcolor='#fff'>\r\n";
 $td= isset($ar[$i]) ?  "<td>".$ar[$i]."</td>" :  "<td>&nbsp;</td>";
 echo  $td;
  if (!(($i+1) % $c)) echo "\r\n</tr>";
}
echo '</table>';

 

[JJ bOUN]

Как вариант: делаешь 1 большую ячейку и в нее ставишь дивы с стилем "float:left", - в результате блоки сами будут переноситься и ставиться один под одним - все равно что аналог 1 большого внешнего дива

где логика, если одна картинка будет на пиксель больше/меньше уже возникает вероятность зазора. а добавлять лишний несемантический элемент нету смысла.
как вариант выхода из проблемы вижу явно задавать высоту для плавающих блоков див (ну и ширину само собой, чтобы помещалось по три) и внутри их уже выравнивать по вертикали

 

[serjinio]

Вопрос к ТС...все картинки имеют фиксированный размер?

 

[unsiker]

Вопрос к ТС...все картинки имеют фиксированный размер?

Нет. Все картинки имеют одинаковую ширину и разную длину ... как убедился после преобразования картинки обычно на 1 - 2 пиксела разница в высоте. Происходит такое после пакетного преобразования из начального размера.

 

[serjinio]

Нет. Все картинки имеют одинаковую ширину и разную длину ... как убедился после преобразования картинки обычно на 1 - 2 пиксела разница в высоте. Происходит такое после пакетного преобразования из начального размера.

прошу прощения тут у вас три понятия размера ...высота,длина,ширина...
уточните что одинаково..width или height..если width..то реально решить версткой дивами...
и еще..картинки выводятся скриптом в цикле последовательно ?...

 

[Acden]

<style type="text/css">
/*<![CDATA[*/
div.gallery {overflow: hidden; _zoom: 1;}
div.gallery a {float: left; width: 33%;}
div.gallery a img {display: block; margin: 10px auto;}
/*]]>*/
</style>

А для чего эти строчки с CDATA?

 

[serjinio]

Хаки ИЕ...