Всем привет! Была у меня странная проблема: вот такие ссылки
CODE (
text):
скопировать код в буфер обмена
.acts a:link{
color: #564B3D;
display: block;
width: 95%;
margin: 0px;
line-height: 12px;
}
.acts a:hover{
color: #FAEBD7;
background-color: #937D62;
}
CODE (
text):
скопировать код в буфер обмена
<p class="acts" id="ac1"><img src="../EGlogos/1.jpg" height="40">
<a href="index.php?item=servers&itemid=1">Сервера</a>
<a href="index.php?item=keys&itemid=1">Ключи</a>
<a href="index.php?item=gold&itemid=1">Золото</a>
<a href="index.php?item=pl&itemid=1">Прокачка</a>
<a href="#">Удалить</a>
<a href="#">Редактировать</a>
</p>
отображались как хотели, имели разную высоту, а первая как будто вообще
не понимала команды display: block. После очистки личных данных в браузере
список отображался как надо, но после пары-тройки перезагрузок страницы
(без правок исходного кода!) списки снова становились кривыми.
А вот после того, как
.acts a:link заменил на
.acts a, все стало просто отлично, и во всех браузерах отображается как и задуманно. Кто-нибудь ответит на вопрос, почему так?
) нажатые, наведенные, просто ссылки и еще там какие-то... кароче, a:hover, a:link, a:active и a:visited. Так вот, чтоб не писать все это, достаточно указать a {} и все свойства в скобках применятся ко ВСЕМ ссылкам страницы.