Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > ссылки в дивах не меняют вид


Автор: supervladislav 6.3.2008, 01:38
Никогда не сталкивался с такой проблемой ,у меня есть псевдоклассы ссылок ,ну и ествественно сами ссылки только они в контейнере ,в  Ие всё нормально отображается ,но в опере ссылки не меняют свой цвет ,что делать подскажите .И ещё как запретить применение псевдоклассов для определённой ссылки ?
зы прописал в каждый элемен a href имя файла теперь и не в опере и не в эксплорере не отображается
Код

<html>
<head>
<meta http-equiv=content-type content="text/html";charset="windows-1251">
<title>Профессиональный паропсихолог,талисманы,гадание на картах таро талисманы</title>
<style>
a:{color:#3f655e;font-size:18px;text-decoration:none;font-weight:100;}
a:link{color:#3f655e;font-size:18px;text-decoration:none;font-weight:100;}
a:active{color:#FFFFFF;font-size:18px;text-decoration:none;font-weight:100;}
a:hover{color:red;text-decoration:underline;}
.menu1{font-size:12px;font-weight:bolder;text-decoration:none;text-align:center;}
h1{font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000000;text-align:center;}
.tabl{font-size:14px;background-color:#000000;font-family:Arial, Helvetica, sans-serif;}
body{
font-family:Arial, Helvetica, sans-serif;
background-color:#e0faf5;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
</style>
</head>
<body>

<div style="background-image:url(menu.jpg);background-position:top;background-repeat:no-repeat;width:200px;height:700px;z-index:0;position:relative;color:#3f655e;text-decoration:none;"><br><b>меню</b><br><a href="">Главная</a><br><a href="">Гадания</a><br><a href="">Диагностика</a><br><a href="">Предсказания</a><br><a href="">Талисманы</a><br><a href="">Психоанализ</a> <br><a href="">Программа вашей судьбы</a><br><a href="">Контакты</a><br><a href="">ссылки</a></div>

</body>
</html>
 

Автор: FortMax 6.3.2008, 02:59
Код

a {color:#3f655e;font-size:18px;text-decoration:none;font-weight:100;}


1)это селектор типа, двоеточие после него ставить не надо 
2)смысл в a:link ?

Автор: supervladislav 6.3.2008, 03:10
Цитата(FortMax @ 6.3.2008,  02:59)
Код

a {color:#3f655e;font-size:18px;text-decoration:none;font-weight:100;}


1)это селектор типа, двоеточие после него ставить не надо 
2)смысл в a:link ?

зы большое тебе спасибо ,смысл в a:link - ну енто я поэксперементировать решил.
А ещё скажи запретить действие селекторов для определённой ссылки можно?

Автор: FortMax 6.3.2008, 03:19
Цитата

А ещё скажи запретить действие селекторов для определённой ссылки можно?


какой селектор и зачем запрещать ? а лучше пример !

Автор: WebDisaster 6.3.2008, 05:31
Цитата(supervladislav @  6.3.2008,  03:10 Найти цитируемый пост)
действие селекторов для определённой ссылки можно

Можно присвоить ей собственный class/id 

a:link {...}     /* unvisited link */
a:visited {...}  /* visited link */
a:hover {...}   /* mouse over link */
a:active {...}   /* selected link */

a.different:link {...}
a.different:visited {...}
a.different:hover {...}
a.different:active {...}

<a href="#">...</a>
<a class="different" href="#">...</a>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)