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

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

07.01.2013, 22:56. Показов 1748. Ответов 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
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.01.2013, 22:56
Ответы с готовыми решениями:

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

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

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

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

Добавлено через 14 минут
Цитата Сообщение от mack_91 Посмотреть сообщение
Тут и про поддержку браузерами сказано
Я так пробовал но проблема в другом....
0
 Аватар для maximus2011
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
09.01.2013, 06:05
Все у вас там работает. Вот вам в помощь http://www.border-radius.ru/
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
09.01.2013, 06:05
Помогаю со студенческими работами здесь

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru