Xwab

jambo

Ну вот,суть вопроса такова : "Как сделать бордюр при наведении мышки на ссылку?"
Тоесть,когда наводишь мышкой на ссылку,то слева от ссылки появляется маленький бордюр.Пример
|ссылка

__________
посл.ред. 10 Апр 2011, 21:14; всего 1 раз 07 Апр 2011, 12:35

Иван

<div class="name"><a href"">link</a></div>

css:
div.name:hover {
border-left: black 4px solid;
}

07 Апр 2011, 12:47

jambo

Иван, а спомощью a:hover это можно сделать?Чтоб каждый раз див не писать

07 Апр 2011, 13:24

Сизый

a:hover {
border-left: 4px solid #000;
}

при наведении на ЛЮБУЮ ссылку будет типа |ссылка

07 Апр 2011, 13:34

Ruon

бггг

07 Апр 2011, 18:02

Vatek

a:hover {
border-bottom: 1px dotted #aaa;
} - присвоит подчеркивание всем ссылкам при наведении на них.

.divclassname a:hover {
border-bottom: 1px dotted #000;
} - присвоет определенному классу

08 Апр 2011, 16:48

jambo

Спасибо,сделал.Теперь такой вопрос про мой сайт,тот что в анкете.В самом вверху есть надпись на жёлтом фоне.Вот как мне отступить от верхнего края красного дива.Вот этот стиль
.red1 {
background: #CE0000 url(/img/red.jpg) repeat-x top;
padding: 5px 10px;
margin: 0px 0px;
padding-top: 4px;
padding-bottom: 0px;
height: 20px;
margin-bottom: 2px;}

.yellow1 {
color : black ;
display: inline;
margin: 3px 0px;
background-color: yellow;
padding: 2px 10px;
margin-top: 20%;
margin-left: 6px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
}

10 Апр 2011, 21:13

e[X]treme

jambo,
Если я тебя правильно понял
.yellow1 {
color : black ;
display: inline;
margin: 3px 0px;
background-color: yellow;
padding: 2px 10px;
margin-top: 20%;<---отступ вверху
margin-left: 6px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px; }

11 Апр 2011, 0:54

Vatek

Так там уже есть отступ вроди как?

11 Апр 2011, 15:51

e[X]treme

Vatek, как я понял, ему ниже опустить нужно)

11 Апр 2011, 17:31