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

Как расположить меню сразу за logo

13.11.2013, 23:15. Показов 1391. Ответов 3
Метки нет (Все метки)

Вопрос такого характера. Менюшка горизонтальная вылетает в самый верх, как я понял это из-за float (поправьте если ошибаюсь) как её сделать так чтоб она шла сразу за лого?
HTML5
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
<!doctype html>
<html>
<title>Название сайта</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
    <div id="containerin">
        <div id="header">
            <div id="headerlogo"></div>
            <div id="headermenu">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="#">FAQ</a></li>
                </ul>
            </div>
            </div>
        <div id="content">PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT PHP CONTENT</div>
        <div id="contentend"></div>
        <div id="footer"></div>
    </div>
</div>
</body>
</html>
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
html{
    background:#678;
    color:#333;
    font:16px calibri, sans-serif;
}
body{
    margin:50px;
}
#container{
    width:800px;
    margin:auto;
    background:#8c8a8a;
    padding:6px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}
#containerin{
    width:780px;
    margin:auto;
    background:#fff;
    padding:10px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}
#header{
    height:180px;
    background:#ffd
}
#headerlogo{
    background:#fff;
}
#headermenu{
    background:#fff;
}
#footer{
    height:100px;
    background:#fcf;
}
#content{
    background:#fff;
}
#contentend{
    clear:both;
}
ul{
    list-style:none;
    margin:auto;
    height:40px;
    background:#000 url(img/bg-nav.gif) top left repeat-x;
}
ul li{
    float:left;
    border-right:1px solid #333;
}
ul li a{
    display:block;
    height:40px;
    padding:0 40px;
    float:left;
    text-transform: uppercase;
    font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
    color:#fff;
    text-decoration:none;
    text-align:center;
}
ul li a:hover,
ul li.active a{
    background:url(img/bg-button.gif) top left repeat-x;
}
Добавлено через 1 минуту
Так же вопрос как правильно скруглять углы? я делал так
CSS
1
2
3
-webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
но это как то кривовато по мне... или так все и должно быть? а если я только верхние хочу? или только низ?
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
13.11.2013, 23:15
Ответы с готовыми решениями:

Как поставить logo и меню в ряд?
Как поставить logo и меню в ряд?Да это может для кого то казаться банальным,подскажите если не...

как мне сделать так, чтобы LOGO и навигатор меню был расположен по левую сторону
.logo {position: absolute;top:0px;left:0px;text-indent:-9999px;} .logo-wrap...

Подскажите пожалуйста как расположить меню по центру
/******************** / / MENU / /******************** */ .menu-container { margin: 0...

Как расположить выпадающее меню поверх остальных блоков
Нужно расположить выпадающее меню поверх остальных блоков. Меню опускает остальные блоки и...

3
Администратор
11991 / 5321 / 267
Регистрация: 05.04.2011
Сообщений: 14,087
Записей в блоге: 2
15.11.2013, 00:08 2
 Комментарий модератора 
Читаем форума, пункт 4.4

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


Перенесено
1
1014 / 671 / 290
Регистрация: 04.04.2013
Сообщений: 2,686
15.11.2013, 19:23 3
Приложите скрин, не видно что-то чтоб вылетало меню у вас.
0
0 / 0 / 0
Регистрация: 24.05.2013
Сообщений: 9
15.11.2013, 19:44 4
чтобы скруглить только верхние углы нужно прописать так - 15px 15px 0 0
нижние - 0 0 15px 15px
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
15.11.2013, 19:44

Как правильно расположить меню и соориентировать?
Проблема следующая. http://infoprn3.bget.ru/ Есть вертикальное меню. Как сделать, чтобы меню стало...

Как вывести меню сразу на экран?
Помогите с программой пожалуйста, как вывести меню сразу на экран using System; using...

Как расположить меню по центру (стандартная тема Bartik)
Как расположить меню по центру &quot;Main menu&quot; стандартной темы Bartik в Drupal 7?

Как сделать чтобы из меню загружал сразу уровень игры
var play = false; var Developer = false; var Quit = false; var Camera1 : Camera; var Camera2 :...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru