Вопрос по css
Как сделать чтобы green_line был виден только по наведении на li
<li ><a href="Городская недвижимость</a>
<div class="green_line"></div>
</li>
.green_line{
display:none;
}
.navbar .navbar-nav li :hover .navbar .navbar-nav li >.green_line{
display:block;
}
Так не получается |
imedia, может пора уже книжки начать читать? Карма уже -86...
Цитата:
Цитата:
<ul>
<li ><a href="Городская недвижимость">Городская недвижимость</a>
<div class="green_line">green_line</div>
</li>
</ul>
<style>
.green_line {
display:none;
}
li:hover > .green_line {
display:block;
}
</style>
P.S. Даже "примеры" твои просто фигня... :( |
А у меня почему то так не работает
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="home>"Home</a></li>
<li ><a href="home">'Городская недвижимость</a>
<div class="green_line"></div>
</li>
<li ><a href="home">Земельные участки</a></li>
</ul>
</div><!--/.nav-collapse -->
<style>
.navbar .navbar-nav li{
height:95px;
/* background-color: transparent !important; */
display: table-cell;
float: none;
text-align: center;
border-width: medium 1px;
border-style: none solid;
border-color: -moz-use-text-color #42B1D8 -moz-use-text-color #2A8EB0;
box-shadow: none;
cursor:pointer;
z-index:0;
}
.green_line{
display:none;
z-index:1;
margin-top:-5px;
height:5px;
width:100%;
background:#68b604;
}
.navbar .navbar-nav li :hover{
height:95px;
box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.25) inset;
}
.navbar .navbar-nav li :hover > .green_line{
display:block;
}
</style>
поэтому и спрашиваю что удивительно |
Цитата:
|
Цитата:
Есть несколько явных недостатков в коде: 1)во-первых тег style должен быть внутри тега <head>, т.к. сначала идут теги <div>, <li>. А они по умолчанию (если тег <body> не написан) находятся внутри тега <body> 2)класса .navbar в html коде вообще нет, и поэтому все свойства которые написаны после .navbar .navbar-nav li, .navbar .navbar-nav li :hover, .navbar .navbar-nav li :hover > .green_line не сработают. 3)в CSS коде все свойства внутри одной пары скобок должны иметь одинаковый отступ. Просто если твой код будет читать кто то кроме тебя, то крайне желательно соблюдать общепринятые рекомендации по соблюдению качества кода. 4)Если ты пишешь width: 100%, то всегда надо помнить, что: "При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента" 5)в свойстве box-shadow параметр inset должен идти первым (http://htmlbook.ru/css/box-shadow) 6)li :hover не сработает, потому что пробела между li и : быть не должно. Чтобы браузер прочитал твой CSS-код должно быть так: li:hover 7) z-index:0; работает только с позиционированными элементами "Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative." 8)float: none; - это значение по умолчанию и его писать не обязательно. 9)Писать больше двух селекторов(http://www.w3schools.com/cssref/css_selectors.asp) подряд не рекомендуется P.s. вы либо интересуетесь html и css меньше 2-3 недель и просто ещё не запомнили основные нюансы (в чём я сомневаюсь, ибо дата регистрации у вас: 20.05.2014), либо вы так искусно троллите... |
Цитата:
Цитата:
Цитата:
|
что такое троллите я не знаю, я спросил потому что все на мой взгляд сделал правильно а код не работает, ищу решение
спасибо за подсказку с пробелом |
Цитата:
Да, это устройство белого и пушистого мозга. У людей с серыми, обыденными мозгами мысли такие: если не работает - значит что-то сделано неправильно. Белый мозг (которым обладают все бандар-логи кстати) мыслит ровно наоборот: все сделано правильно - все должно работать - почему же не работает? - мировой заговор - происки иностранных агентов - транс-цен-ден-таль-ность - надо пойти к знающим людям и пусть они все за меня сделают так, как я хочу. |
Цитата:
И вы наверное удивитесь, но люди с 1-ым типом мышления тоже очень нужны (необходимы) обществу людей: кто то же должен поддерживать НТП потребляя его продукцию, и желая нового. Т.ч. ваши лёгкие нападки на тролля правильны лишь с точки зрения наблюдателя, описывающего действительность. |
EmperioAf,
Я бы не стал так однозначно разделять, достаточно часто спец по педикюру, имеющий свой инет-ресурс не станет углубляться в познания яваскрипт, чтобы поправить или установить на форум какую-то фичу, пойдёт на поддержку и спросит, а спец по яваскрипт, вряд ли будет углубляться в тонкости педикюра при серьёзных проблемах с вросшим ногтем |
| Часовой пояс GMT +3, время: 19:17. |