2 класса ссылок в одном документе. Помогите!

vaalru · March 20, 2008

Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются.

P.S. Вставляю весь код, вдруг дело не в самих классах.

<html>
<head>
<title>Layout</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table class="main" border="0" align="center">
<tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr>
<tr><td class="search">search</td><td></td>
 <td class="topmenu">меню сайта</td></tr>
<tr><td class="text"><p class="menu">Название страницы</p>
 <hr>Подобный подход использован <a class="text" href="#">для переключения</a> между простым и расширенным отображением форму и сохранен в <a class="text" href="#">переменной</a> на странице.</td>
 <td width="21" rowspan="2"><table class="dop"><tr><td> </td></tr></table></td>
 <td class="menu"><a class="menu" href="index.htm">Компания</a>

 <a class="menu" href="#">Услуги</a>

 <a class="menu" href="#">Цены</a>

 <a class="menu" href="#">Контакты</a>

 <a class="menu" href="#">Адреса</a>

 <a class="menu" href="#">Партнеры</a></td></tr>
<tr><td class="copyright">copyright</td>
 <td class="bottommenu">bottommenu</td></tr>
 <tr><td><div id="adress">
 <hr>"Компания"
Наш сайт - www.xxxxx.ru
Наш адрес: Санкт-Петербург
Тел.: (812)333-33-33, тел./факс: (812)444-44-44</div></td></tr>
</table>
</body>
</html>

и код css файла

table.main {
 width: 600px;
 height: 100%;
 background-color: #63666f;
}
td.top {
 background-image: url(images/top.jpg);
 height: 150px;
}
td.line {

}
td.search {
}
td.topmenu {
 font-weight: bold;
 padding-left: 40px;
 color: #cccc00;
}
table.dop { 
 width: 100%;
 height: 100%;
 background-image: url(images/lin.jpg);
}
td.text {
 width: 350px;
 padding-left: 10px;
}
td.menu {
 width: 230px;
 height: 100%;
}
td.copyright {
 padding-left: 5px;
}
td.bottommenu {
}
html, body {
 margin:0px;
 padding:0px;
}
table.main {
 border-collapse: collapse;
}
td {
 padding: 0px;
}
body {
 background-color: #9AAFC2; 
 FONT-SIZE: 12px; 
 COLOR: #ffffff; 
 FONT-FAMILY: Tahoma; 
}
td, input, select, textarea {
 vertical-align: top; 
}
a:link.menu {
 text-decoration: underline;
 color: #99cc00;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a:visited.menu {
 text-decoration: underline;
 color: #cccccc;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a:active.menu {
 text-decoration: underline;
 color: #669900;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a:hover.menu {
 text-decoration: underline;
 color: #669900;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
p.menu {
 FONT-SIZE: 25px; 
 COLOR: #ffcc00; 
 FONT-FAMILY: Verdana;
}
#profile {
 display: none;
}
hr {
 display: none;
}
#adress {
 display: none;
)
a:link.text {
 text-decoration: underline;
 color: #cccccc;
}
a:visited.text {
 text-decoration: underline;
 color: #cccccc;
}
a:active.text {
 text-decoration: underline;
 color: #666666;
}
a:hover.text {
 text-decoration: underline;
 color: #666666;
}

Postal · March 20, 2008

Кто это вас так надоумил a:hover.menu

правильно a.menu:hover

vaalru · March 20, 2008

Спасибо большое, переделала, но от этого a.text:link не заработало, к сожалению.

Вот исправленный css

table.main {
 width: 600px;
 height: 100%;
 background-color: #63666f;
}
td.top {
 background-image: url(images/top.jpg);
 height: 150px;
}
td.line {

}
td.search {
}
td.topmenu {
 font-weight: bold;
 padding-left: 40px;
 color: #cccc00;
}
table.dop { 
 width: 100%;
 height: 100%;
 background-image: url(images/lin.jpg);
}
td.text {
 width: 350px;
 padding-left: 10px;
}
td.menu {
 width: 230px;
 height: 100%;
}
td.copyright {
 padding-left: 5px;
}
td.bottommenu {
}
html, body {
 margin:0px;
 padding:0px;
}
table.main {
 border-collapse: collapse;
}
td {
 padding: 0px;
}
body {
 background-color: #9AAFC2; 
 FONT-SIZE: 12px; 
 COLOR: #ffffff; 
 FONT-FAMILY: Tahoma; 
}
td, input, select, textarea {
 vertical-align: top; 
}
a.menu:link {
 text-decoration: underline;
 color: #99cc00;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a.menu:visited {
 text-decoration: underline;
 color: #cccccc;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a.menu:active {
 text-decoration: underline;
 color: #669900;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
a.menu:hover {
 text-decoration: underline;
 color: #669900;
 font-size: 25px;
 padding-left: 40px;
 FONT-FAMILY: Verdana;
}
p.menu {
 FONT-SIZE: 25px; 
 COLOR: #ffcc00; 
 FONT-FAMILY: Verdana;
}
#profile {
 display: none;
}
hr {
 display: none;
}
#adress {
 display: none;
)
a.text:link {
 text-decoration: underline;
 color: #cccccc;
}
a.text:visited {
 text-decoration: underline;
 color: #cccccc;
}
a.text:active {
 text-decoration: underline;
 color: #666666;
}
a.text:hover {
 text-decoration: underline;
 color: #666666;
}

Пожалуйста, очень прошу, помогите!!!

Postal · March 20, 2008

похоже конфликт где-то, щас посмотрю

Postal · March 20, 2008

перемести в стилях #adress {

display: none;

)

в конец файла.

vaalru · March 20, 2008

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

У меня просто нет слов, насколько я рада!!! Я сидела целых 2 дня и не могла понять в чем дело! А ты мне помог, никогда не забуду!!!!! Еще раз спасибо!

Sign In

2 класса ссылок в одном документе. Помогите!

Question

vaalru

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Postal

Link to comment

Share on other sites

vaalru

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

vaalru

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information