Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
24 / 20 / 3
Регистрация: 29.11.2012
Сообщений: 454
Записей в блоге: 1
1

Закругление краёв?

07.01.2013, 22:56. Просмотров 1255. Ответов 4
Метки нет (Все метки)

Такая проблемка хочу закруглить края

html:
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
29
30
31
32
33
34
35
36
<html>
<head>
 
</head>
<body>
<ul id="cssmenu">
     
        <li><a href="index.html#">Главная</a>
                <ul>
                        <li><a href="index.html#">Новинки</a></li>
                        <li><a href="index.html#">Полезная информация</a></li>
                </ul>
        </li>
        <li><a href="index.html#">CSS</a>
                <ul>
                        <li><a href="index.html#">С1</a></li>
                    
                </ul>
        </li>
        <li><a href="index.html#">Меню</a>
                <ul>
                        <li><a href="index.html#"> 1</a></li>
                        <li><a href="index.html#">Ссылка</a></li>
                </ul>
        </li>
        <li><a href="index.html#">Создание сайтов</a>
                <ul>
                        <li><a href="file:stranihki/yrok%20na%20html.html">С помощью HTML</a></li>
                        <li><a href="file:stranihki/xampp.html">С помощью php</a></li>
                </ul>
        </li>
    </ul>
    
    </div>
</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
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/* CSS Document меню главного */
@import url(reset.css);
@import url(reset.css);
#wrapper {
    width:1000;
    margin:auto;
}
ul#cssmenu {
    width:100%;
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;
    background: #003366;        /*цвет продолжения меню*/
    height: 30px;
    font: bold 12px/28px Verdana, Arial;
    border-left:#003366 1px solid;      /*так же меню*/    
}
 
ul#cssmenu li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left;
    display: inline;
    list-style: none;
    position: relative;
    height: 30px;
}
 
ul#cssmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 160px;
    list-style: none;
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
}
 
ul#cssmenu ul:after {
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}
 
ul#cssmenu ul li {
    width: 150px;
    float: left;
    display: block !important;
    display: inline;
}
 
/* Main Menu */
ul#cssmenu a {
    border: 0px;
    padding: 0 10px;
    float: none !important;
    float: left;
    display: block;
    background: #003366;        /*устанавливает цвет меню*/
    color: #FFFFFF;
    font: bold 12px/28px Verdana, Arial;
    text-decoration: none;
    height: auto !important;
    height: 1%;
}
 
/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
    background: #FFFFFF;
    color:#003366;
    border-top:#003366 1px solid;
}
 
/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
    border-top: 2px solid #FFFFFF;
    float: none;
    background: #003366;
    color: #FFFFFF;
}
 
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
    border-top: 2px solid #FFFFFF;
    background: #FFFFFF;
    color:#003366;
    border:#003366 1px solid;
}
 
ul#cssmenu ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 170px;
}
 
ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
    display: none;
}
 
ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
    display: block;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
07.01.2013, 22:56
Ответы с готовыми решениями:

Закругление нижних краев div
Помогите пожалуйста , сделать так , что бы закруглялись только нижние части div-а а не все сразу....

Закругление краев элемента списка
Не получается закруглить края у списка. НЕ пойму где ошибка или что не так делаю. li {...

закругление угла
как закруглить боковой панели левый нижний угол?радиус 10px

Закругление углов фото
Подскажите, народ) Какой тег ввести для закругления фото по 2 верхним углам? В интернете несколько...

4
15 / 15 / 7
Регистрация: 08.04.2012
Сообщений: 133
07.01.2013, 23:36 2
CSS
1
2
3
#cssmenu {
  border-radius: 5px 5px 5px 5px;
}
1
121 / 66 / 9
Регистрация: 15.08.2012
Сообщений: 266
08.01.2013, 02:32 3
Тут и про поддержку браузерами сказано
1
24 / 20 / 3
Регистрация: 29.11.2012
Сообщений: 454
Записей в блоге: 1
08.01.2013, 20:12  [ТС] 4
Я собственно почему код выложил,я уже подставлял и пробывал как и через div так и с помощью css, но почему то не работает,вот и обратился за помощью!может что то с кодом не так???

Добавлено через 14 минут
Цитата Сообщение от mack_91 Посмотреть сообщение
Тут и про поддержку браузерами сказано
Я так пробовал но проблема в другом....
0
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
09.01.2013, 06:05 5
Все у вас там работает. Вот вам в помощь http://www.border-radius.ru/
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
09.01.2013, 06:05

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

Закругление углов у блока
Подскажите как закруглить уголки у блока чтобы во всех браузерах отображалось ?

Закругление углов в CSS
А как сделать также, только у каждого угла будет свой набор дивов? Я примерно представляю, но как...

CSS закругление углов
скажите чем обычно пользуються для закругления углов в ie ? пробывал всякие файлы .htc, эффект был...

Закругление границ в Opera
Как закруглить границы в Opera. Для других браузеров закруглить границы могу, но никак не...


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

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

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