Перейти к публикации

Меню средствами CSS


Рекомендованные сообщения

Осваиваю DLE. Установила 6-ю версию, пытаюсь настроить меню... Хочу, чтобы при наведении менялся цвет кнопки. На 2-х сайтах созданных вручную это получается, а на DLE нет...

Вот так выглядит меню в main.tpl

<td align="center" class="globalLink">

<div id="globalLink">

<img src="images/huk.gif" name="huk7" width="1" height="27" hspace="0" vspace="0" border="0" align="absmiddle">

<a href="/dle/upload/video/" class="glink" style="border-left: solid 2px #eab780; border-top: solid 2px #eab780;">Видео</a><a href="/dle/upload/foto/" class="glink"> Фото </a><a href="/dle/upload/akter/" class="glink"> Актеры и модели </a><a href="/dle/upload/artist/" class="glink"> Артисты </a><a href="/dle/upload/kontakt/" class="glink"> Контакты </a>

</div>

</td>

А вот так прописаны стили в style.css

.glink {

background-color: #eacc9e;

font-size: 14px;

color:#000;

text-decoration: none;

border-bottom:solid 2px #eab780;

border-top:solid 2px #eab780;

border-right:solid 2px #eab780;

padding: 3px;

}

.glink a:link,

.glink a:visited,

.glink a:active {

display: block;

background-color: #7CA2DA;

font-size: 14px;

color:#FFFFFF;

text-decoration: none;

border-bottom:solid 2px #eacc9e;

border-top:solid 2px #eacc9e;

border-right:solid 2px #eacc9e;

padding: 3px;

}

.glink a:hover{

background-color: #CAD9F0;

display: block;

text-decoration: none;

cursor: pointer;

color:#032247;

border-bottom:solid 2px #eacc9e;

border-top:solid 2px #eacc9e;

border-right:solid 2px #eacc9e;

padding: 3px;

}

Вот ссылка на редактируемый сайт

Да, дизайн плохой, да, и в стилях цвета не подобраны... Вопрос в том, почему при наведении мышки на кнопку, кнопка не меняет цвет?

Перепроверила 10 раз, взгляните опытным глазом - что я упускаю?

Ссылка на сообщение
Поделиться на других сайтах
a.glink:link,

a.glink:visited,

a.glink:active {

...

a.glink:hover{

Только еще display:block; надо удалить/заменить в обеих конструкциях.

Изменено пользователем Torquemada
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...