Question

Здравствуйте! Я бы хотел зделать 4 баннера внизу сайта, но что бы было 2 рядка. И у меня никак не получается... Помогите пожалуйста, как мне это сделать? Постоянно 4 баннер ниже 3 получается. Зарание спасибо!

Answer 1

Делается примерно так, в глобальном блоке нижняя часть сайта в нужном месте ставим код:

 

код

<div class="wZag">
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div style="clear:left;"></div>
</div>

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg { float: left; margin: 5px; }
</style>

получится как-то так http://joxi.ru/nAyvz0ZCXExBer

Comments

Не получается, у меня не изображение, а коды с других сайтов...

---

Андрей Васюта,

Вы сделайте как говорилось, после посмотрим что не так и как исправить.

---

Yuri_Geruk,

Вот посмотрите, установил...

---

Андрей Васюта,

Замените стили:

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg { float: left; margin: 5px; }
</style>

на :

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg { float: left; margin: 5px; }
.wZag .wImg:nth-child(4) {position: relative;top: -70px;}
</style>

---

Yuri_Geruk,

Спасибо, получилось!!! Но теперь кнопка от юкоз сместилась влево и большой очень отступ, как это исправить?

---

Андрей Васюта,

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

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg { float: left; margin: 5px; }
.wZag .wImg:nth-child(4) {position: relative;top: -70px;}
</style>

на:

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg { float: left; margin: 5px; }
.wZag .wImg:nth-child(4) {position: relative;top: -70px;}
.footer { height: 185px!important; overflow: hidden; } 
.ucoz-copy { margin: 0 auto; display: table; float: inherit!important; }
</style>

вроде как все.

---

Yuri_Geruk,

Спасибо, все просто идеально!!! Скажите пожалуйста, а может вы знаете какой либо скрипт, что бы после клика по рекламы через 30 секунд показывали код... Я вас отблагодарю, от прибыли с рекламы... Мне это для тестов нужно... Спасибо большое!

---

Андрей Васюта,

Нет, не знаю. Поищите на просторах сети интернет, вероятно до вас уже кто-то подобное спрашивал и возможно есть готовый скрипт. Ищите больше на английском так как на русской части сети интернет мало можно найти.

---

Yuri_Geruk,

Я не знаю английский, уже пробовал искать, они не подходят... Код не появляеться всеравно...      Спасибо еще раз большое!