Блок "Полезные ссылки"

голоса: 0
Добрый день! Подскажите, пожалуйста, как разместить кнопки "Полезные ссылки" в два ряда после того как я уменьшу размер картинок? Заранее БлагоДарю за ответ.
Адрес сайта http://1a.ucoz.ua
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Делается примерно так, создаете блок под баннеры, размещаете в нем код:

<div style="display:inline-block;">

<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div> 
<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div> 
<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div> 
<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div>
<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div>
<div id="bloks-banner"><a href="ссылка на сайт баннера"><img src="ссылка на фото баннера"></a></div>
</div>

далее перейти в таблицу стилей CSS и в самый низ прописать:

#bloks-banner img {
 width: 80px;
 float: left;
 margin: 2px;
 }
#bloks-banner {width: 180px;}

готово.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
...