Помощник
|
Помогите с меню на css |
Betelgeise91
|
Сообщение
#1
|
||
|
|
||
|
|||
Ergonav |
18.6.2012, 8:03;
Ответить: Ergonav
Сообщение
#2
|
|
<ul id="high_menu">
<li><a href="http://www.musicathome.ru/index.php">Главная</a></li> <li><a href="http://www.musicathome.ru/guitar/guitar_index.php">Гитара</a></li> <li><a href="http://www.musicathome.ru/theory_of_music/theory_of_music_index.php">Теория музыки</a></li> <li><a href="http://www.musicathome.ru/mastering/mastering_index.php">Звукозапись</a></li> <li><a href="http://www.musicathome.ru/service/contact_us.php">Обратная связь</a></li> <li class="qwqw"><a href="http://www.musicathome.ru/service/about_us.php" id="high_menu_right">О нас</a></li> </ul> .qwqw li { border-right:: none; } |
|
|
sodik |
18.6.2012, 10:40;
Ответить: sodik
Сообщение
#3
|
|
<ul id="high_menu"> <li><a href="http://www.musicathome.ru/index.php">Главная</a></li> <li><a href="http://www.musicathome.ru/guitar/guitar_index.php">Гитара</a></li> <li><a href="http://www.musicathome.ru/theory_of_music/theory_of_music_index.php">Теория музыки</a></li> <li><a href="http://www.musicathome.ru/mastering/mastering_index.php">Звукозапись</a></li> <li><a href="http://www.musicathome.ru/service/contact_us.php">Обратная связь</a></li> <li class="qwqw"><a href="http://www.musicathome.ru/service/about_us.php" id="high_menu_right">О нас</a></li> </ul> .qwqw li { border-right:: none; } Зачем вешать класс, если есть first-child? [CSS] #high_menu li { display: inline-block; border-left: 1px solid #777; } #high_menu li a { font: 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; letter-spacing: 1px; padding: 12px 20px; border-left: 1px solid #333; display: block; color: #fff; } #high_menu li:first-child, #high_menu li:first-child a {border-left:none;} [/CSS] |
|
|
Betelgeise91
|
Сообщение
#4
|
|
Не помогает! Вот что я сделал:
<ul id="high_menu"> <li><a href="http://www.musicathome.ru/index.php">Главная</a></li> <li><a href="http://www.musicathome.ru/guitar/guitar_index.php">Гитара</a></li> <li><a href="http://www.musicathome.ru/theory_of_music/theory_of_music_index.php">Теория музыки</a></li> <li><a href="http://www.musicathome.ru/mastering/mastering_index.php">Звукозапись</a></li> <li><a href="http://www.musicathome.ru/service/contact_us.php">Обратная связь</a></li> <li><a class="qwqw" href="http://www.musicathome.ru/service/about_us.php" >О нас</a></li> </ul> [CSS].qwqw li { border-right: none; } #high_menu { text-align:center; text-decoration:none; display:inline; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999)); background-image: -o-linear-gradient(top, #000, #999); background: -moz-linear-gradient(top, #000, #999); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#999'); border-bottom: 1px solid #444; list-style: none; padding: 0; margin: 0; float: left; } #high_menu li { display: inline-block; border-right: 1px solid #777; } #high_menu li:hover { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC)); background-image: -o-linear-gradient(top, #000, #CCC); background: -moz-linear-gradient(top, #000, #CCC); text-decoration:none; } #high_menu li a { font: 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; letter-spacing: 1px; padding: 12px 20px; border-right: 1px solid #333; display: block; color: #fff; } [/CSS] |
|
|
Muxa_hb |
18.6.2012, 17:01;
Ответить: Muxa_hb
Сообщение
#5
|
|
лень в коде ковыряться.. вам надо в последнем <li> добавить идентификатор и для него прописать тоже самое что и для других, только без рамки
<ul><li>1</li><li>2</li><li id="ololo">3</li></ul> [CSS]#high_menu li { display: inline-block; border-right: 1px solid #777; } #high_menu li#ololo { display: inline-block; border-right: 0; } [/CSS] и на hover тоже самое как то так |
|
|
sodik |
18.6.2012, 17:02;
Ответить: sodik
Сообщение
#6
|
|
Betelgeise91,я выше написал вариант без класса.
С классом должно быть вот так [CSS] .qwqw a, .qwqw { border-right: none; } [/CSS] |
|
|
Betelgeise91
|
Сообщение
#7
|
|
Не помогло. Оба варианта пробовал
|
|
|
sodik |
18.6.2012, 17:34;
Ответить: sodik
Сообщение
#8
|
|
Ну у меня через firebug все отлично работает на Вашем же сайте. И класс у вас почему то на ссылке а не на li.
|
|
|
Betelgeise91
|
Сообщение
#9
|
|
Я исправил - теперь класс в li. Но проблемы это не решило...
|
|
|
sodik |
18.6.2012, 20:40;
Ответить: sodik
Сообщение
#10
|
|
вот глянул на Ваш сайт.
http://prntscr.com/arkzd я лично не вижу никаких стилей, прописных через этот класс. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 730 | 21.2.2024, 23:42 автор: Mixatraider |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3488 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3421 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6460 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1669 | 3.3.2021, 12:22 автор: kozak199110 |
Текстовая версия | Сейчас: 25.4.2024, 3:50 |