Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.93/15: Рейтинг темы: голосов - 15, средняя оценка - 4.93
6 / 6 / 3
Регистрация: 22.06.2010
Сообщений: 320

Настройка горизонтального меню

27.02.2012, 15:22. Показов 2981. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем добрый день

Примитивный вопрос. Хочу сделать чтобы кнопки верзенего меню были в линию:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
 
<body>
<div id="header">
    <h1>Тестовый магазин</h1>
    
    <ul id="menulist">
    <li class="home"><a href="/" id="current">На главную</a></li>
    <li><a href= "/Shop/">Магазин</a></li>
    </ul>
    
</div>
    @RenderBody()
</body>
</html>


Вот сама часть css моего файла, которая отвечает за расположение меню

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/******************** Top Navigation ************************/
ul#menulist
{
    float: right;
}
 
ul#menulist li
{
    display: inline;
}
 
ul#menulist li a
{
    border-left: 1px dotted #8A8575;
    padding: 10px;
    margin-top: 10px;
    color: #8A8575;
    text-decoration: none;
    float: left;
}
 
ul#menulist li:first-child a
{
    border: none;
}
 
ul#menulist li a:hover
{
    color: #F6855E;
}
 
/********************* End top navigation ***************************/

Кажется все правильно, но на странице ничего не меняется. Что нитак, подскажите люди добрые)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
27.02.2012, 15:22
Ответы с готовыми решениями:

Как добавить выплывающее меню к уже готовому горизонтальному меню (не меняя дизайн горизонтального меню)?
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html...

Выравнивание горизонтального меню
Вечер добрый, уважаемые. CSS только начал осваивать. собственно сабж Есть горизонтальное меню оно смещено влево. нужно сделать...

Адаптация горизонтального меню
Добрый день, только учусь верстать, создаю горизонтальное выпадающее меню без использования плагинов, застряла в адаптации, при уменьшении...

1
 Аватар для Dimedrol
2378 / 941 / 129
Регистрация: 25.04.2009
Сообщений: 2,635
Записей в блоге: 4
27.02.2012, 15:38
CSS
1
ul#menulist li { float:left; }
Так?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.02.2012, 15:38
Помогаю со студенческими работами здесь

Позиционирование горизонтального меню
Как только не пробовал выровнять меню по середине класса block. Если и сдвигал, то не на середину. Пользовался margin:0 auto;, а также...

Оформление горизонтального меню
Два вопроса: 1. Горизонтальное меню, в опере правильно отображается , в фарефокс отображается вертикально. 2. Пункты меню идут...

Вёрстка горизонтального меню
Помогите, пож., сделать меню в вёрстке горизонтальным.

Фиксация горизонтального меню
При изменении разрешения экрана горизонтальное меню начинает наслаиваться друг на друга. Как зафиксировать его чтобы при изменении масштаба...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru