В css я не силен, поэтому тема здесь.
В общем как я понимаю, чтобы выделить ссылку при наведении мышкой (пример на скриншоте), используется псевдокласс hover. Вопрос, почему добавляя его в свой стиль, ничего не меняется?
Ссылки в стиле сейчас:
a:link, a:active, a:visited {
color : #03ccf0;
text-decoration : none;
}
a:hover, a:focus {
text-decoration : underline;
}
Делал:
a:link, a:active, a:visited {
color : #03ccf0;
text-decoration : none;
}
a:hover {
color: #376873; text-decoration: none; background: #C6DEE3;
}
a:focus {
text-decoration : underline;
}
Что не правильно?
И еще вопрос. Чем отличается тач дизайн, от мобильного с псевдоклассом hover?
a:hover, a:focus {
text-decoration : underline;
}
Он у тебя уже есть в стиле.
Думаю если в стиле есть display: block; то это уже тач. Тоесть ссылку можно группирвоать в блок. И получится весь див будет как ссылка. А так сам точно не знаю так как в стилях не особо силен!
DenSBK, хм, да, но если его заменить, то ссылку выделять он по другому же должен или хотя бы другим цветом.
добавлено спустя 1 час 4 минуты:
Вообще не понимаю. Почему то в стиле вообще ничего не меняется. Сейчас ради интереса поменял размер букв, поменял ширину, ничего не изменилось.
a:link, a:visited- вообще не пользуюсь. Вот простейший пример ховера, ссылка сдвигается на 2 рх при наведении
и меняет цвет с черного на серый
a {
color: #000;
text-decoration: none;
}
a:hover {
position: relative;
left: 2px;
color: #ccc;
text-decoration: none;
}
Pisatel, у меня вообще что то не ладное со style.css, в нем вообще ничего не изменяется при изменении.
30 Янв 2013, 5:46И почему не изменяется? Может, у тебя так: допустим, ссылка расположена в див'е, для которого свой стиль ссылки. Например,
<div class="test">Здесь текст и всякая ботва, далее ссылка <a href="one.php">TUDA</a></div>
И стиль для класса:
.test {
text-align: center;
}
.test a {
color: black;
text-decoration: none;
}
.test a:hover {
position: relative;
left: 2px;
color: white;
}
Соответственно, для ссылки в див'е test будут действовать параметры этого класса, для остальных- исходные.
Pisatel, ёлки, так и есть походу.
/*Header----------------------------------------------*/
.head {
background : #ff920b url(images/head.gif) repeat-x top;
padding : 0 0 0 3px;
}
.nav {
background : #f3f3f3 url(images/nav.gif) repeat-x top;
text-align : center;
border : 1px solid #e6e6e6;
}
Посмотри название див'а, в котором расположена интересующая тебя ссылка ( или ссылки), и уже потом в файле css посмотри все параметры для этого класса. То, что ты выложил- там нет параметров для ссылки: картинка фона, отступ внутри, снова картинка, выравнивание и бордюр. Параметров для ссылки не задано.
30 Янв 2013, 6:27