Вывести по 4 картинки в строку

TF

3

ThisFrost

31 августа 2015, 11:05

429

Хочу вывести новостную ленту в картинках, по 4 картинки в строку. Вроде просто, но что-то никак не дойдет.

Если возможно оба варианта показать. Через table и css

5

WoWeb

31 августа 2015, 11:33

#1

ThisFrost:
Хочу вывести новостную ленту в картинках, по 4 картинки в строку. Вроде просто, но что-то никак не дойдет.
Если возможно оба варианта показать. Через table и css

<style>

.main{width:100%}

.stroka{width:100%}

.ya4eyka{width:calc(25% - 5px);display:inline-block;}

</style>

</div>

</div>

Вариант через таблицу:

<table>

<tr>

<tr>

<tr>

</table>

Создание SEO оптимизированных сайтов | Продвижение сайтов (http://woweb.com.ua/)

S

171

silicoid

31 августа 2015, 13:10

#2

WoWeb, Да. мисье знает толк в извращениях.

Ваш-же пример, только гораздо проще


<style>

   .row{display:block; letter-spacing:-0.3em;}

   .row > div{width:25% ;display:inline-block;}

</style>



<div class="row">

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

</div>

TF

3

ThisFrost

31 августа 2015, 14:25

#3

Не то, годно только для статистических страниц.

Шаблон .tpl

<div>картинка из новости</div>

</div>

Т.е. при выводе новости каждый раз идет запрос к шаблону и подстановка, соответственно все предложенные варианты будут накладывать текста друг на друга или просто картинки в один ряд по вертикали

Шаблон WordPress Как вставить скрипт-Adsense в [DLE] Помогу чем смогу

ХЗ

155

Х.З.

31 августа 2015, 14:47

#4

float:left; width:25%(играйте в минус если есть margin)

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Маркетинг для шоколадной фабрики. На 34% выше средний чек