|
KaFe ↓
|
 |
|
27 Февраль, 2011, 05:39:43
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Сраный Тролль Карма: -13346
Сообщений: 1727 Сила слова: -772.79
|
Нужен сам принцип работы, подсказки, видел много кода, но не понимаю по какому принципу, буду благодарен если кто нибудь объяснит, плюс нюансы вертикального и горизонтального вариантов.
|
|
|
|
|
Записан
|
|
|
|
|
artoodetoo ↓
|
|
|
27 Февраль, 2011, 06:27:16 , спустя 47 минут 33 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
с особым цинизмом
Группа: в ухо Карма: 124
Сообщений: 3805 Сила слова: 3.26
|
а что непонятно? при :hover меняется видимость.
самый большой нюансище называется Internet Explorer
|
|
|
|
|
Записан
|
|
|
|
|
Givi ↓
|
|
|
27 Февраль, 2011, 07:08:22 , спустя 41 минуту 6 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 42
Сообщений: 2305 Сила слова: 1.82
|
artoodetoo, да в целом ИЕ7 и віше уже вполне нормально работают с хувером и прочими фишками, так что, если отбросить 6-ого осла, ито все делается одинаково для всех браузеров.
|
|
|
|
|
Записан
|
Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
|
|
|
|
Professor ↓
|
|
|
27 Февраль, 2011, 08:45:08 , спустя 1 час 36 минут 46 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 30
Сообщений: 2074 Сила слова: 1.45
|
О, я тоже не вкурсе.
А как при :hover одного элемента применить display к другому элементу?
|
|
|
|
|
Записан
|
|
|
|
|
KaFe ↓
|
|
|
27 Февраль, 2011, 08:48:54 , спустя 3 минуты 46 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Сраный Тролль Карма: -13346
Сообщений: 1727 Сила слова: -772.79
|
нашел для вертикального меню
#menu ul {
padding: 0;
margin: 0;
list-style: none;
width: 150px;
position: relative;
}
#menu li {
float: left;
}
#menu li a, #menu li a:visited {
display: block;
width: 149px;
height:25px;
line-height:25px;
text-indent:5px;
}
#menu li ul {
visibility: hidden;
position: absolute;
left: 149px;
top: 0px;
}
#menu li:hover {
position: relative;
}
#menu li:hover > ul {
visibility: visible;
}
#menu li:hover > a {
color:#4682B4;
background:#FAFAD2;
}
интересует как называется вот это #menu li:hover > a
а также какую роль играет position в этом коде |
|
|
|
|
Записан
|
|
|
|
|
Givi ↓
|
|
|
28 Февраль, 2011, 12:17:42 , спустя 3 часа 28 минут 48 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 42
Сообщений: 2305 Сила слова: 1.82
|
Professor,
<ul class="menu">
<li>пункт 1
<ul>
<li>подпункт 1.1 </li>
<li>подпункт 1.2 </li>
</ul>
</li>
</ul>
.menu li ul {
display: none;
}
.menu > li:hover ul {
display: block;
}
Примерно так. Спустя 51 секунду добавил гы, чет проебал пост КаФы.
|
|
|
|
|
Записан
|
Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
|
|
|
|
Timur ↓
|
|
|
28 Февраль, 2011, 01:21:41 , спустя 1 час 3 минуты 59 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
NullPointerException
Группа: в ухо Карма: 56
Сообщений: 1009 Сила слова: 5.55
|
если отбросить 6-ого осла, ито все делается одинаково для всех браузеров.
а для 6-го осла повесить JS
|
|
|
|
|
Записан
|
|
|
|
|
Stasovsky ↓
|
|
|
28 Февраль, 2011, 01:00:53 , спустя 11 часов 39 минут 12 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Сенсей XD
Группа: Джедаи Карма: 54
Сообщений: 3653 Сила слова: 1.48
|
интересует как называется вот это #menu li:hover > a
это тупняк, надо было сделать так:
#menu li a:hover {
color:#4682B4;
background:#FAFAD2;
}
а также какую роль играет position в этом коде
position вообще или в #menu li:hover?
если вообще, то чтоб не растягивать li вложенным в него ul...
если в #menu li:hover, то тоже тупняк, нужно в #menu li пихать... |
|
|
|
|
Записан
|
|
|
|
|
KaFe ↓
|
|
|
28 Февраль, 2011, 06:16:28 , спустя 5 часов 15 минут 35 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Сраный Тролль Карма: -13346
Сообщений: 1727 Сила слова: -772.79
|
Stasovsky, т.е подсвечивать пункты из которых выбрано не надо???
|
|
|
|
|
Записан
|
|
|
|
|
KaFe ↓
|
|
|
28 Февраль, 2011, 06:25:04 , спустя 8 минут 36 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
|
|
|
artoodetoo ↓
|
|
|
28 Февраль, 2011, 11:49:26 , спустя 5 часов 24 минуты 22 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
с особым цинизмом
Группа: в ухо Карма: 124
Сообщений: 3805 Сила слова: 3.26
|
Опять же IE6 не понимает селекторы с ">" и это не лечится. Для совместимости приходится вместо селектора непосредственного потомка применять несколько правил вроде
UL UL
UL UL UL
UL UL UL UL
KaFe, хочешь почувствовать себя гуру CSS? ))) Сделай меню с автоматической шириной пунктов. Спустя 2 минуты 19 секунд добавил Я все ответы нахожу на cssplay.co.uk |
|
|
|
|
Записан
|
|
|
|
|
KaFe ↓
|
|
|
01 Март, 2011, 12:14:04 , спустя 24 минуты 38 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Сраный Тролль Карма: -13346
Сообщений: 1727 Сила слова: -772.79
|
бля я просто хочу научиться верстать, и делать это хорошо.
|
|
|
|
|
Записан
|
|
|
|
|
Givi ↓
|
|
|
01 Март, 2011, 12:53:57 , спустя 39 минут 53 секунды
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Адекваты Карма: 42
Сообщений: 2305 Сила слова: 1.82
|
artoodetoo, в зависимости от полного дизайна самого меню могу сделать, если я правильно задачу понял :)
|
|
|
|
|
Записан
|
Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
|
|
|
|
KaFe ↓
|
|
|
01 Март, 2011, 01:04:22 , спустя 10 минут 25 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
Группа: Сраный Тролль Карма: -13346
Сообщений: 1727 Сила слова: -772.79
|
Опять же IE6
Этим уже мало кто пользуется. Имхо. |
|
|
|
|
Записан
|
|
|
|
|
artoodetoo ↓
|
|
|
02 Март, 2011, 11:43:48 , спустя 1 день 10 часов 39 минут 26 секунд
|
НЕ ХУЕТА!
ХУЕТА!
|
с особым цинизмом
Группа: в ухо Карма: 124
Сообщений: 3805 Сила слова: 3.26
|
это смотря на какую аудиторию расчитывать. вот пiха.ру может забыть и забить на ИЕ6, а яндекс не может себе позволить )))
|
|
|
|
|
Записан
|
|
|
|
|
