Как сделать подчёркнутые ссылки на ДЛЕ

12 3
ruukaf715
На сайте с 22.09.2011
Offline
106
1597

Помогите пожалуйста сделать подчёркнутые ссылки на ДЛЕ кто знает вёрстку PHP.У меня сейчас ссылки при наведении на них отображаются зелёным цветом,без наведения-чёрным.Я хочу сделать чтобы ссылка без наведения на неё была подчёркнутой,а при наведении подчёркнутость пропадала и ссылка отображалась зелёным светом.Пробовал править style.css(менял text-decoration: none; на text-decoration:underline; ничего всё равно не изменяется сылка при наведении остаётся просто зелёной без подчёркивания).Может надо менять код в другом месте.Подскажите пожалуйста кто знает?

W
На сайте с 25.05.2010
Offline
43
#1

Нужно в css c a:hover пороботать а не с text

ruukaf715
На сайте с 22.09.2011
Offline
106
#2
webser:
Нужно в css c a:hover пороботать а не с text

Нашёл в своём файле"style.css" эту часть кода(думаю она отвечает за стиль оформления ссылок):

* ========================================
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a:hover {
color: green;
text-decoration: none;
}
/*

Если это тот участок кода,то что в нём изменить чтобы ссылка была подчёркнутой?

Elektra_
На сайте с 24.05.2013
Offline
21
#3
ruukaf715:
Если это тот участок кода,то что в нём изменить чтобы ссылка была подчёркнутой?

Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:

border-bottom:1px dashed #494646;

Другие варианты border-style можно посмотреть здесь http://htmlbook.ru/css/border-style

Если вам нужно банальное подчеркивание при наведении на ссылку, то вместо text-decoration: none ставится text-decoration: underline

А вообще, изучайте css, ничего проще нет)

ruukaf715
На сайте с 22.09.2011
Offline
106
#4
Elektra_:
Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:

border-bottom:1px dashed #494646;


Другие варианты border-style можно посмотреть здесь http://htmlbook.ru/css/border-style

Если вам нужно банальное подчеркивание при наведении на ссылку, то вместо text-decoration: none ставится text-decoration: underline

А вообще, изучайте css, ничего проще нет)

Спасибо Вам за совет!Но тут я думаю намного всё сложнее.Попробовал ради эксперимента добавить после color: #000 Ваш код

border-bottom:1px dashed #494646;

,но никаких изменений не произошло!Потом решил вообще убрать из файла этот кусок кода:

* ========================================
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a:hover {
color: green;
text-decoration: none;
}
/*

И тоже никаких изменений.Может быть в другом месте ещё какой-то код нужно изменять?

M2
На сайте с 11.01.2011
Offline
341
#5

Вот такой код, думаю. должен помочь.


a {text-decoration: underline;}
a:hover {color: green; text-decoration: none;}
------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
bay_ebook
На сайте с 28.05.2010
Offline
111
#6
Elektra_:
Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:

border-bottom:1px dashed #494646;


Ужас, какой бордер для ссылок? Просто текс-декорейшейн:андерлайн нужно ставить не только для :hover но и для всех <a>

Ведь для :hover потом может понадобиться исчезание подчеркивания, плюс бордер может некорректно отображаться ,если размер блока ссылки больше чем шрифт надписи...

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
ruukaf715
На сайте с 22.09.2011
Offline
106
#7

Сделал так:

* ========================================
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a {text-decoration: underline;}
a:hover {color: green; text-decoration: none;}

/*

Почистил кеш-не работает!

M2
На сайте с 11.01.2011
Offline
341
#8

ruukaf715, покажите сайт, где пытаетесь сделать это.

ruukaf715
На сайте с 22.09.2011
Offline
106
#9

Сделал так Уважаемый bay_ebook:

* ========================================
* All style for them link
* ========================================
*/
a:active{text-decoration: underline;}
a:visited{text-decoration: underline;}
a:link {
color: #000;
}
a:hover {
color: green;
{text-decoration: underline;}
}
/*

Тоже ничего не меняется.Может в каком другом месте прописаны стили оформления ссылок?Поэтому ничего не изменяется,потому что я пробовал ввообще удалять из файла"style.css" этот кусок кода и он ни на что не повлиял.Может вот этот кусок кода из main.tpl:

<script type="text/javascript" src="{THEME}/css/reflection.js"></script>
<script type="text/javascript" src="{THEME}/css/slider.js"></script>
<!--<style type="text/css" media="all">@import url({THEME}/css/slider.css);</style>*-->
<link type="text/css" rel="stylesheet" href="{THEME}/css/slider.css"/>
<script type="text/javascript" src="{THEME}/js/jhideshow.js"></script>

отвечает за стили оформления ссылок?Не могу найти где "собака зарыта"!

ID
На сайте с 13.11.2011
Offline
33
#10

Нет, это точно не в main.tpl, bay_ebook вам всё правильно подсказал.

Идете в style.css, в дефолтных стилях за это отвечают эти строчки (в самом начале, после h1-hx):

a {
color: #44a1c7;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

Чтобы подчеркивание было без наведения, а с наведением исчезало, надо сделать так:

a {
color: #44a1c7;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

Для большей уверенности, открываете инспектор элементов в браузере, выделяете ссылку и получаете класс (не уверен, что это так называется в css, но смысл понятен), который нужно править.

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий