X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите с меню на css
Betelgeise91
Betelgeise91
Topic Starter сообщение 15.6.2012, 19:37; Ответить: Betelgeise91
Сообщение #1


Мне на этом сайте нужно немного изменить внешний вид верхнего меню - убрать справа от пункта меню "о нас" вертикальную полоску. Вот код:

[CSS]#high_menu_right {
border: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]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ergonav
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
sodik
сообщение 18.6.2012, 10:40; Ответить: sodik
Сообщение #3


(Ergonav @ 18.6.2012, 11:03) *
<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
Betelgeise91
Topic Starter сообщение 18.6.2012, 16:30; Ответить: 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
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
sodik
сообщение 18.6.2012, 17:02; Ответить: sodik
Сообщение #6


Betelgeise91,я выше написал вариант без класса.
С классом должно быть вот так

[CSS]
.qwqw a,
.qwqw { border-right: none;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Betelgeise91
Betelgeise91
Topic Starter сообщение 18.6.2012, 17:24; Ответить: Betelgeise91
Сообщение #7


Не помогло. Оба варианта пробовал
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.6.2012, 17:34; Ответить: sodik
Сообщение #8


Ну у меня через firebug все отлично работает на Вашем же сайте. И класс у вас почему то на ссылке а не на li.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Betelgeise91
Betelgeise91
Topic Starter сообщение 18.6.2012, 20:06; Ответить: Betelgeise91
Сообщение #9


Я исправил - теперь класс в li. Но проблемы это не решило...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.6.2012, 20:40; Ответить: sodik
Сообщение #10


вот глянул на Ваш сайт.
http://prntscr.com/arkzd
я лично не вижу никаких стилей, прописных через этот класс.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
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


 



RSS Текстовая версия Сейчас: 25.4.2024, 3:50
Дизайн