Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.54/13: Рейтинг темы: голосов - 13, средняя оценка - 4.54
1 / 1 / 0
Регистрация: 03.07.2013
Сообщений: 40
1

Сделать навигационное меню

03.07.2013, 21:07. Просмотров 2669. Ответов 3
Метки нет (Все метки)

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

 Комментарий модератора 
Загружайте изображения и файлы на форум и прикрепляйте к сообщению.
https://www.cyberforum.ru/about-forum/thread103521.html#post594251
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.07.2013, 21:07
Ответы с готовыми решениями:

навигационное меню
нужно создать двух уровневое навигационное меню как это сделать? оно должно быть таким как показано...

Навигационное меню
Проблема состоит в следующем. Как сделать навигационное меню - выпадающий список в HTML? То есть...

Навигационное меню гуляет(
Подскажите что и где прописать:cry: Не далек я в этом, активное навигационное меню которое ползает...

Навигационное меню на Bootstrap
Пожалуйста, подскажите как сделать такое меню такое, как на этом сайте http://kursy-mo.ru ???

3
1 / 1 / 0
Регистрация: 03.07.2013
Сообщений: 40
04.07.2013, 11:34  [ТС] 2
пример
0
Миниатюры
Сделать навигационное меню  
9 / 9 / 3
Регистрация: 04.07.2013
Сообщений: 16
04.07.2013, 13:43 3
так просто задай блоку ширину больше чем у остальных

Добавлено через 20 минут
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <header class="top wrap"></header>
<nav class="wrap nav">
    <ul>
        <li><a href="#">test</a></li>
        <li><a href="#">test</a></li>
        <li><a href="#">test</a></li>
        <li><a href="#">test</a></li>
        <li><a href="#">test</a></li>
    </ul>
</nav>
<div class="wrap">
    <div class="content"></div>
    <div class="right"></div>
    </div>
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
.wrap{
        width: 960px;
        margin: 0 auto;
    }
    .top{
        height: 35px;
        border: 1px solid black;
    }
    .nav{
        width: 1200px;
        border: 1px solid red;
    }
    li{
        display: inline;
    }
    .content{
        float: left;
            width: 600px;
        height: 500px;
        border: 1px solid green;
    }
    .right{
        width: 356px;
        float: right;
        height: 500px;
        border: 1px solid green;
    }
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
05.07.2013, 02:01 4
Или же сделай размер в процентах, например:
CSS
1
2
3
4
.wrap{
        width: 110%;
        margin: 0 auto;
}
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.07.2013, 02:01

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как построить навигационное меню
Как построить таблицу? Не могу выровнять пл центру текст. &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt;...

Горизонтальный список (навигационное меню)
Правильно ли я делаю, если мне нужно горизонтальное навигационное меню, чтобы каждя ссылка была в...

Навигационное меню заходит на секцию, Bootstrap
Добрый день всем и за ранее благодарен, тому кто откликнется Почему навигационное меню для...

навигационное меню в одном css-файле
Можно ли как-то прописать меню навигации в общем css-файле, отвечающем за структуру и дизайн сайта?...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.