Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Ascolon
4 / 4 / 4
Регистрация: 29.11.2014
Сообщений: 201
1

Меню горизонтально

25.08.2015, 16:15. Просмотров 271. Ответов 2
Метки нет (Все метки)

привет вот у меня есть стиль для меню
CSS
1
2
3
4
5
6
7
8
9
div.menu a{
color:red;
text-decoration:none;
font: 20px Tahoma,sans-serif;
display:block;
height:70px;
width:190px;
background:yellow;
margin-bottom:5px;}
Параметры робят только в том случае если есть display:block но он мне не нужен так как он меню делает в список с лева а мне нада чтоб меню было с верху горизонтально.
Но если убрать display:block; меню делается горизонтально но не применяются параметры из стиля
подскажите что исправить лили дописать

Добавлено через 22 минуты
display inline пробывал не что не меняется
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.08.2015, 16:15
Ответы с готовыми решениями:

Как разделить меню горизонтально на 2 части
Помогите пожалуйста с Оформлением меню (как разделить горизонтально меню на 2 части, чтобы по...

Горизонтально разместить блок новостей под меню
Всем привет. Удалось сделать с помощью margin и clear: both, но при изменении масштаба блок то...

Горизонтально выпадающее меню ! как увеличить выпадающие пункты ?
При наведении выпадет меню , но надписи в пунктах не влезают в ячейку , как расширить все пункты...

Из Вертикального меню сделать горизонтально при прокрутке (фиксированное)
Такая проблема, есть у меня вертикальное меню из 3 пунктов, есть логотип и некоторые контакты. Все...

2
k-x
45 / 45 / 27
Регистрация: 19.05.2014
Сообщений: 117
25.08.2015, 16:24 2
CSS
1
display:inline-block;
0
ak_scad
2 / 2 / 2
Регистрация: 25.08.2015
Сообщений: 9
25.08.2015, 18:03 3
Тут одним классом не обойтись, базовый вариант CSS для горизонтального списка где-то так выглядит
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
ul.main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #EEE;
    width: 220px;
}
.main-menu li {
    display:inline-block;
    margin-right: -4px;
}
.main-menu a {
    display: block;
    padding: 8px 10px;
    color: #08C;
    border-left: 1px solid #EEE;
    margin-left: -1px;
}
0
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.08.2015, 18:03

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

виджет твиттера горизонтально
здравствуйте возник довольно непростой вопрос, я не знаю в этом ли разделе можно создавать тему или...

Поместить элементы горизонтально
Привет всем. Нужно сделать так, как показано на скрине. Что нужно сделать? <div> <div...

Select горизонтально сделать
Есть код, нужно что бы горизонтально было по 5 select, на данный момент выглядит вот так скрин...

Два дива горизонтально
Приветствую всех. Я только недавно начал заниматься верской и пытаюсь сделать первый шаблон. ...


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

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

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