Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Менюшка (http://www.flasher.ru/forum/showthread.php?t=72194)

xxx_ToXiC_xxx 21.11.2005 12:55

Менюшка
 
Вложений: 1
Есть менюшка. Смотрите прикрепленный файл! Если курсор наведен на область с текстом - то ссылка работает, если сдвинуть чуть правее где текста нет - то ссылка не работает! Как можно это исправить?

KidsKilla 21.11.2005 16:56

.menu A{display:block;}

и вэлкам дабассерам =))

xxx_ToXiC_xxx 21.11.2005 17:24

Сэнкс за вэлкам!!! =)

Но что-то не пашет:

у меня вот такая вещь:

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td>
<a href="#" class="leftMenu">Главная</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Новости</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">dnb Радио</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">dnb ТВ</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Форум</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">IRC Чат</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Магазин</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Мобильный</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Медиа Архив</a>
</td>
</tr>
</table>


А в прикрепленном CSS:

/******* leftMenu styles *******/

td.leftMenu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}

a.leftMenuHeader {
background-color: #708090;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}

a.leftMenuHeader:visited {
background-color: #708090;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}

a.leftMenuHeader:hover {
background-color: #708090;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
color: #FFFFFF
}

a.leftMenu {
background-color: #AAB7C3;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}

a.leftMenu:visited {
background-color: #AAB7C3;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}

a.leftMenu:hover {
background-color: #000000;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
color: #FF6600;
}

И почему-то не работает...

CAM 21.11.2005 19:24

dlya na4ala
 
Цитата:

Сообщение от xxx_ToXiC_xxx
Сэнкс за вэлкам!!! =)

Но что-то не пашет:

у меня вот такая вещь:

<ul>
<li><a href="#">Главная</a></il>
<li><a href="#">Новости</a></li>
<li<a href="#">dnb Радио</a></li>
<li><a href="#">dnb ТВ</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">IRC Чат</a></li>
<li><a href="#">Магазин</a></li>
<li><a href="#">Мобильный</a></li>
<li><a href="#">Медиа Архив</a></li>
</ul>


А в прикрепленном CSS:

/******* leftMenu styles *******/

li {
margin:0;
padding: 0;
border: 1px solid #b0c4de;
}

a {
background: #708090;
color: #FFF;
text-decoration: none;
margin: 0;
padding: 2px 5px;
display: block;
border: 1px solid #b0c4de;
}


li a {background: #aab7c3;}

}

li a:hover {
background-color: #000;
color: #f60;
}

И почему-то не работает...

И почему-то не работает?

CAM 21.11.2005 19:31

незабудь
ul {list-style: none;}


Часовой пояс GMT +4, время: 07:04.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.