Прошу помощи с Топ новостями.

L
На сайте с 24.07.2012
Offline
5
447

Здравствуйте, скажите пожалуйста, как сделать Топ новостей в 2 колонки!

Сам код, в css не чего не нашел касаемо форме Топ новостей. Заранее огромное спасибо.

<div align="left" class="pad" >
<li>
<a href="{link}"><p class="caption">
<img src="{image-1}" width="140" alt ="" />
<span>{title}</span>
</p></a>
</li>
</div>

Nice
H
На сайте с 09.10.2012
Offline
11
#1

Ну куча вариантов.)

Можно сделать 2 общих столбца, обоим в стилях float:left, у второго небольшой margin-left, и в php (или что там у вас в качестве шаблонизатора) раскидывать в них по очереди блоки.

Второй вариант - ввести дополнительный класс, и присваивать его всем четным элементам (float:left, margin...)

Третий вариант - у самих блоков прописать float:left и margin-left., но тогда тот же margin (отступ) будет и у первой колонки, не самое красивое решение, но самое простое.

L
На сайте с 24.07.2012
Offline
5
#2
hedint:
Ну куча вариантов.)
Можно сделать 2 общих столбца, обоим в стилях float:left, у второго небольшой margin-left, и в php (или что там у вас в качестве шаблонизатора) раскидывать в них по очереди блоки.
Второй вариант - ввести дополнительный класс, и присваивать его всем четным элементам (float:left, margin...)
Третий вариант - у самих блоков прописать float:left и margin-left., но тогда тот же margin (отступ) будет и у первой колонки, не самое красивое решение, но самое простое.

Расскажите пожалуйста по подробней как это все сделать, буду очень признателен Вам!

series60
На сайте с 03.02.2009
Offline
92
#3
<table width="100%" border="0">
<tbody>
<tr>
<td style="text-align: center;"><a href="{link}"><img src="{image-1}"/>{title}</a></td>
</tr>
<tr>
<td style="text-align: center;"><a href="{link}"><img src="{image-1}"/>{title}</a></td>
</tr>
</tbody>
</table>

Не?

10 знаков!!!

Segey
На сайте с 23.08.2005
Offline
404
#4
.caption{
display: inline-block;
width: 100px;
}

Они начнут по другому себя вести, но еще inline-block стоит погуглить, чтобы выровнять все как вам надо, с ним можно в 1-2-3-4 и.т.п полонки, сколько блоков вместится в строку столько и будет, это от width: 100px; зависит

Brexit - уже совсем рядом. (https://about-this-model.blogspot.com/2019/03/brexit.html)
L
На сайте с 24.07.2012
Offline
5
#5
series60:
Не?
10 знаков!!!

По пробовал, иконки безумно большие и не в две колонки (( а в одну все, и просто повторяются(((

дайте еще варианты пожалуйста.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий