• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как поставить ширину на меню сайта в CSS (Задать в навигации запросы по ширине в стилистике CSS)
Как поставить ширину на меню сайта в CSS
Kosten
Дата: Воскресенье, 2020-04-05, 18:52 | Сообщение 1
Оффлайн
Администраторы
Сообщений:29163
Награды: 62


Это дополнительно к ответу, так как тема закрыта, в личном сообщение попросили ответить, и как вариант, чтоб все запросы корректны были. Это пишем не сильно длинные ключевые слова, чтоб не было 2 строки, также увеличил ширину дизайна под запросы, что самостоятельно уже можете настроить в CSS, где добавил padding: 10px 0px 10px 5px; для редапкции, но и сменил класс на более понятный.



Код
<div id="navigation">
<ul>
<li><a href="/">Сотрудники</a></li>
<li><a href="/">Фотогалерея</a></li>
<li><a href="/">Видео</a></li>
<li><a href="/">Проекты</a></li>
<li><a href="/">Издания</a></li>
<li><a href="/">Доступная среда</a></li>
<li><a href="/">ГО и ЧС</a></li>
<li><a href="/">Независимая</a></li>
<li><a href="/">Противодействие</a></li>
<li><a href="/"> Музей истории</a></li>
</ul>
<div>

CSS

Код
body{margin:12 auto;padding:0;font:78% Arial, Helvetica, sans-serif;background:#e6fff5
}

#navigation {
clear:left;float:left;width:205px;margin:0 0 0px 0;padding:0;font-size:0.9em
}

#navigation ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0;font-size:14px
}

#navigation li{
  margin-bottom:4px
}

#navigation li a {
    font-weight: bold;
    height: 100%;
    text-decoration: none;
    color: #215d92;
    display: block;
    padding: 5px 0 0 8px;
    background: #fdfdfd;
    border-left: 5px solid #2a77c3;
    /* margin: 8px 4px 8px 4px; */
    padding: 10px 0px 10px 5px;
}
#navigation li a:hover {
background: #2467a9;
color: #f9f6f6;
border-left: 5px solid #2a69c3;
}


Демонстрация

Продолжение темы: http://zornet.ru/forum/115-8702-1
Прикрепления: 3861487.png(12.0 Kb) · safsae.zip(3.0 Kb)
Страна: (RU)
Форум » Веб-разработка » Вопросы по uCoz » Как поставить ширину на меню сайта в CSS (Задать в навигации запросы по ширине в стилистике CSS)
  • Страница 1 из 1
  • 1
Поиск: