Почему группа элементов меню не на всех экранах отображается по одной линии ?

Голоса: +1

Сделал что то типо меню сайта, но заметил что на многих экранах, маленьких, два последних элемента перемещаются под остальные, как можно это исправить?

Адрес сайта http://www.fotokulinary.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

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

У вас сейчас меню завернуто в код:

<div align="center"> 
<a href="http://fotokulinary.ucoz.ru/"><img src="http://www.fotokulinary.ru/avatar/1menu/glavnaja.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/salaty/5"><img src="http://www.fotokulinary.ru/avatar/1menu/salaty.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/zakuski/6"><img src="http://www.fotokulinary.ru/avatar/1menu/zakuski.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/pervue_bljuda/2"><img src="http://www.fotokulinary.ru/avatar/1menu/pervye_bljuda.jpg" border="0" alt=""></a><a href="http://fotokulinary.ucoz.ru/load/vtorye_bljuda/3"><img src="http://www.fotokulinary.ru/avatar/1menu/vtorye_bljuda.jpg" border="0" alt=""></a><a href="http://fotokulinary.ucoz.ru/load/vypechka_tortiki_i_prochee/4"><img src="http://www.fotokulinary.ru/avatar/1menu/vypechka.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/khleb/18"><img src="http://www.fotokulinary.ru/avatar/1menu/khleb.jpg" border="0" alt=""></a><a href="https://www.youtube.com/user/bobka63/videos"><img src="http://www.fotokulinary.ru/avatar/1menu/video.jpg" border="0" alt=""></a>
</div>

замените на:

<div class="mens"> 
<a href="http://fotokulinary.ucoz.ru/"><img src="http://www.fotokulinary.ru/avatar/1menu/glavnaja.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/salaty/5"><img src="http://www.fotokulinary.ru/avatar/1menu/salaty.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/zakuski/6"><img src="http://www.fotokulinary.ru/avatar/1menu/zakuski.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/pervue_bljuda/2"><img src="http://www.fotokulinary.ru/avatar/1menu/pervye_bljuda.jpg" border="0" alt=""></a><a href="http://fotokulinary.ucoz.ru/load/vtorye_bljuda/3"><img src="http://www.fotokulinary.ru/avatar/1menu/vtorye_bljuda.jpg" border="0" alt=""></a><a href="http://fotokulinary.ucoz.ru/load/vypechka_tortiki_i_prochee/4"><img src="http://www.fotokulinary.ru/avatar/1menu/vypechka.jpg" border="0" alt=""></a><a href="http://www.fotokulinary.ru/load/khleb/18"><img src="http://www.fotokulinary.ru/avatar/1menu/khleb.jpg" border="0" alt=""></a><a href="https://www.youtube.com/user/bobka63/videos"><img src="http://www.fotokulinary.ru/avatar/1menu/video.jpg" border="0" alt=""></a>
</div>

далее в таблицу стилей CSS добавьте следующие стили:

.mens {
    width: 1140px;
    margin: 0 auto;
    display: table;
}

после будет как нужно и не будет переноситься.

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