|
Сообщение от imedia
|
|
поэтому и спрашиваю что удивительно
|
в общем я ещё не верстальщик, но
Есть несколько явных недостатков в коде:
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), либо вы так искусно троллите...
