Рамка вокруг ссылки

[FiRеFоX]

css

.nick {background-color: #FFCC66; border: 2px solid #FF9900; padding: 30px;}
.nick a {color: #333399; font: none 14px normal; text-decoration: none;}
.nick a:visited {color: #333399; font: none 14px normal; text-decoration: none;}
.nick a:hover {color: #663300; font: none 14px normal; text-decoration: underline;}

html

<span class="nick">
<a href="">Раз</a>
</span>
<span class="nick">
<a href="">Два</a>
</span>
<span class="nick">
<a href="">Три</a>
</span>
<br>
Какой-то текст

Фон со ссылок лезет на "Какой-то текст" Как сделать что бы не лезло туда?

 

[tigra60]

Вертикальные поля и отступы во фразообразующих (строковых) элементах работают не так, как вам хочется.

Самое простое решение вашей проблемы - к ссылке добавить стиль

line-height:74px /* 2 * padding:30px + font-size:14px */

http://jsfiddle.net/YYz2M/

 

[FiRеFоX]

Вертикальные поля и отступы во фразообразующих (строковых) элементах работают не так, как вам хочется.

Самое простое решение вашей проблемы - к ссылке добавить стиль

line-height:74px /* 2 * padding:30px + font-size:14px */

http://jsfiddle.net/YYz2M/

Хотя бы так спс