Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от 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; }
