Форум Сайтостроение Веб-строительство

Помогите с версткой пожалуйста...

12
V
На сайте с 19.10.2008
Offline
150
vechnyi
615

Здравствуйте!Ребят, помогите пожалуйста... как сделать, чтоб при нажатии красная рамка фиксировалась на определенном способе оплаты....?

DS
На сайте с 29.12.2010
Offline
13
DoubleShot
#1

Изпользуйте псевдокласс :active

V
На сайте с 19.10.2008
Offline
150
vechnyi
#2

спасиб большое!

_Snake_
На сайте с 06.12.2010
Offline
151
_Snake_
#3
vechnyi:
Здравствуйте!Ребят, помогите пожалуйста... как сделать, чтоб при нажатии красная рамка фиксировалась на определенном способе оплаты....?

Это ссылки? Если да то вот 

A:link

Определяет стиль для обычной непосещенной ссылки.

A:visited

Определяет стиль для посещенной ссылки.

A:active

Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

A:hover

Определяет стиль для ссылки при наведении на нее мышью. Не поддерживается браузером Netscape до 6 версии.
V
На сайте с 19.10.2008
Offline
150
vechnyi
#4

значит надо A:visited использовать?

vechnyi добавил 04.01.2011 в 13:09

поставил a:visited, рамка вообще не отражается...щелкаю по ссылке-картинке и ничего...

R
На сайте с 30.05.2007
Offline
163
ruslg
#5

/ru/forum/587925

Я чего-то не понимаю?

_Snake_
На сайте с 06.12.2010
Offline
151
_Snake_
#6
vechnyi:
значит надо A:visited использовать?

vechnyi добавил 04.01.2011 в 13:09
поставил a:visited, рамка вообще не отражается...щелкаю по ссылке-картинке и ничего...

Вы это в CSS ставите? или в теге?

V
На сайте с 19.10.2008
Offline
150
vechnyi
#7

в css ставлю...

_Snake_
На сайте с 06.12.2010
Offline
151
_Snake_
#8
vechnyi:
в css ставлю...

Дайте ссылку

V
На сайте с 19.10.2008
Offline
150
vechnyi
#9

.vybor-valuty li a:visited {

padding:0;

border:3px solid #ce2220;

}

вот так...

vechnyi добавил 04.01.2011 в 13:38

html вот так

<div class="vybor-valuty">

<ul>

<li><a href="#"><img src="images/wmr.gif" alt="" /></a></li>

<li><a href="#"><img src="images/wmz.gif" alt="" /></a></li>

<li><a href="#"><img src="images/wme.gif" alt="" /></a></li>

<li><a href="#"><img src="images/wmu.gif" alt="" /></a></li>

<li><a href="#"><img src="images/wmb.gif" alt="" /></a></li>

<li><a href="#"><img src="images/qiwi.gif" alt="" /></a></li>

<li><a href="#"><img src="images/visa.gif" alt="" /></a></li>

<li><a href="#"><img src="images/mastercard.gif" alt="" /></a></li>

</ul>

</div>

Оптимизация плавающих фреймов для Обновленное руководство по ссылкам Адаптивные изображения 201: технология
_Snake_
На сайте с 06.12.2010
Offline
151
_Snake_
#10
vechnyi:
.vybor-valuty li a:visited {
padding:0;
border:3px solid #ce2220;
}

вот так...

vechnyi добавил 04.01.2011 в 13:38
html вот так

<div class="vybor-valuty">
<ul>
<li><a href="#"><img src="images/wmr.gif" alt="" /></a></li>
<li><a href="#"><img src="images/wmz.gif" alt="" /></a></li>
<li><a href="#"><img src="images/wme.gif" alt="" /></a></li>
<li><a href="#"><img src="images/wmu.gif" alt="" /></a></li>
<li><a href="#"><img src="images/wmb.gif" alt="" /></a></li>
<li><a href="#"><img src="images/qiwi.gif" alt="" /></a></li>
<li><a href="#"><img src="images/visa.gif" alt="" /></a></li>
<li><a href="#"><img src="images/mastercard.gif" alt="" /></a></li>
</ul>
</div>

На всякий случай проверил 😆 всё работает в этом варианте.

href="#"

это ставили не вы? если нет то используется JS

12

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