Xwab
Форумыnavigate_nextHTML/CSS

Выделение ссылки при наведении
Сообщения
Playson

В 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?

30 Янв 2013, 1:17
DenSBK

a:hover, a:focus {
text-decoration : underline;
}
Он у тебя уже есть в стиле.
Думаю если в стиле есть display: block; то это уже тач. Тоесть ссылку можно группирвоать в блок. И получится весь див будет как ссылка. А так сам точно не знаю так как в стилях не особо силен!

30 Янв 2013, 2:26
Playson

DenSBK, хм, да, но если его заменить, то ссылку выделять он по другому же должен или хотя бы другим цветом.
добавлено спустя 1 час 4 минуты:
Вообще не понимаю. Почему то в стиле вообще ничего не меняется. Сейчас ради интереса поменял размер букв, поменял ширину, ничего не изменилось.

30 Янв 2013, 3:45
Pisatel

a:link, a:visited- вообще не пользуюсь. Вот простейший пример ховера, ссылка сдвигается на 2 рх при наведении
и меняет цвет с черного на серый
a {
color: #000;
text-decoration: none;
}
a:hover {
position: relative;
left: 2px;
color: #ccc;
text-decoration: none;
}

30 Янв 2013, 5:33
Playson

Pisatel, у меня вообще что то не ладное со style.css, в нем вообще ничего не изменяется при изменении.

30 Янв 2013, 5:46
Pisatel

С чего смотришь?

30 Янв 2013, 6:05
Playson

Pisatel, с трех арбузов смотрел, опера, хром, ie, со всех одно и тоже.

30 Янв 2013, 6:10
Pisatel

И почему не изменяется? Может, у тебя так: допустим, ссылка расположена в див'е, для которого свой стиль ссылки. Например,
<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 будут действовать параметры этого класса, для остальных- исходные.

30 Янв 2013, 6:16
Playson

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;
}

30 Янв 2013, 6:20
Pisatel

Посмотри название див'а, в котором расположена интересующая тебя ссылка ( или ссылки), и уже потом в файле css посмотри все параметры для этого класса. То, что ты выложил- там нет параметров для ссылки: картинка фона, отступ внутри, снова картинка, выравнивание и бордюр. Параметров для ссылки не задано.

30 Янв 2013, 6:27
Ответить на тему