XF 1.5 Баннеры в два столбика

[Great Dead]

Здравствуйте , в данный момент я использую шаблон : ad_above_top_breadcrumb.
вставляю туда рекламные баннеры таким образом

<p align="center"><a href="Ссылка куда переходишь по клику на баннер"><img src="Ссылка на изображение с обменника" width="550" height="75" float="center" alt="......." title="......" /></a></p>

как сделать чтобы они были по два баннера в рядку чтобы два столбика баннеров на главной было?

 

[Nappsel]

Здравствуйте , в данный момент я использую шаблон : ad_above_top_breadcrumb.
вставляю туда рекламные баннеры таким образом
<p align="center"><a href="Ссылка куда переходишь по клику на баннер"><img src="Ссылка на изображение с обменника" width="550" height="75" float="center" alt="......." title="......" /></a></p>

как сделать чтобы они были по два баннера в рядку чтобы два столбика баннеров на главной было?

Шрифт какой-то вы маленький выбрали, не видно же ничего. Исправил.

 

[Cubik_Ne_Rubik]

Если подключен бутстрап то можна через блоки сделать

 

[Skaiman]

Cubik_Ne_Rubik, какой нафиг бутспат, надо просто в один div их делать и display: inline или inline-block, по моему уже раз 100 здесь обсуждалось

Да еще, float="center" :) такого не бывает

Я так понял каждый баннер в теге p, вот они и не будут на одной строке, это блочный тег. Так делай:

<div align="center">
    <a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a>
    <a href="sample1.html"><img src="sample1.gif" width="50" height="50" alt="Пример1"></a>
</div>

Можно сделать класс:

<div class="sample">
    <a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a>
    <a href="sample1.html"><img src="sample1.gif" width="50" height="50" alt="Пример1"></a>
</div>

Потом css:

.sample {
    margin: 5px auto /*Выравниваем по центру и делаем отступ сверху и снизу 5px */
}
.sample img {
    padding: 0 5px /*Делаем отступы между картинками слева и справа, сверху и снизу 0*/
}

 

[Great Dead]

Cubik_Ne_Rubik, какой нафиг бутспат, надо просто в один div их делать и display: inline или inline-block, по моему уже раз 100 здесь обсуждалось

Да еще, float="center" :-) такого не бывает

Я так понял каждый баннер в теге p, вот они и не будут на одной строке, это блочный тег. Так делай:

<div align="center">
    <a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a>
    <a href="sample1.html"><img src="sample1.gif" width="50" height="50" alt="Пример1"></a>
</div>

Можно сделать класс:

<div class="sample">
    <a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a>
    <a href="sample1.html"><img src="sample1.gif" width="50" height="50" alt="Пример1"></a>
</div>

Потом css:

.sample {
    margin: 5px auto /*Выравниваем по центру и делаем отступ сверху и снизу 5px */
}
.sample img {
    padding: 0 5px /*Делаем отступы между картинками слева и справа, сверху и снизу 0*/
}

Спасибо , первый код мне помог , работает с разрешением 400х70.
А вот я не силен в другом что вы посоветовали: класс и потом ксс .
Если возможно то расскажите мне куда эти коды вставить потом

 

[Skaiman]

Не заморачивайся :) первый работает и хватит