• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Как выровнять вертикальное меню для сайта
egorkriv05
Суббота, 04 Апреля 2020, 19:29 | Сообщение 1
Оффлайн
Пользователи
Сообщений:13
Награды: 0
Как выровнять меню, так, чтоб все корректно смотрелось. Нужно чтобы ничего не выходило из белого поля. Скрин с проблемой прилагается. Заранее спасибо!

Код
<div id="manugcon-sedenamed">
<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="/">Независимая ценка качества оказания услуг
<li><a href="/">Противодействие коррупции</a></li>
<li><a href="/"> Музей истории и культуры Сыктывдинского района им. Э.А. Налимовой</a></li>
</a>
</li>
</ul>
<div>


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

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

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

#manugcon-sedenamed li{margin-bottom:4px
}

#manugcon-sedenamed li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #215d92;
display: block;
padding: 5px 0 0 8px;
background: #fdfdfd;
border-left: 5px solid #2a77c3;
}
#manugcon-sedenamed li a:hover {
background: #2467a9;
color: #f9f6f6;
border-left: 5px solid #2a69c3;
}
Прикрепления: 8764541.jpg (34.1 Kb)
Страна: (RU)
YaVi
Суббота, 04 Апреля 2020, 21:00 | Сообщение 2
Оффлайн
Vip
Сообщений:40
Награды: 3
Цитата egorkriv05 ()
Стиль:
body{margin:12 auto;padding:0;font:78% Arial, Helvetica, sans-serif;background:#e6fff5
}

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

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

#manugcon-sedenamed li{margin-bottom:4px
}

#manugcon-sedenamed li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #215d92;
display: block;
padding: 5px 0 0 8px;
background: #fdfdfd;
border-left: 5px solid #2a77c3;
}
#manugcon-sedenamed li a:hover {
background: #2467a9;
color: #f9f6f6;
border-left: 5px solid #2a69c3;
}


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

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

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

#manugcon-sedenamed li{
  margin-bottom:4px
}

#manugcon-sedenamed 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;
}
#manugcon-sedenamed li a:hover {
background: #2467a9;
color: #f9f6f6;
border-left: 5px solid #2a69c3;
}


uFive.Ru - Лучшее для web мастеров
Страна: (RU)
Kosten
Суббота, 04 Апреля 2020, 23:43 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70


See the Pen
меню сайта
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Kosten
Суббота, 04 Апреля 2020, 23:45 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
egorkriv05, вы мне написали в ЛС о помощи, где дал все данные и ссылку на формуляр, как примерно заполнить.

А что вышло?

Опять дописывал первую тему!

Закрыто!
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: