Логин:

Пароль:

Форумы
Общие вопросы
Document Object Model
Обсуждаем конференцию
Web Usability (test)

Document Object Model

как сделать "резиновый" CSS rollover

> ИЗВИНЯЮСЬ за предыдущий пост =) Опера7 ;)
>
> ситуация такая
> имею CSS
>
> #navigation {
> padding: 10px;
> margin: 0px;
> border: 0px;
> overflow: auto;
> }
>
> #navigation A.mnLeft {
> .background : #1D9A17 url(../i/mn-td-bg-left.gif) repeat-x;
> .cursor:hand;
> .color:#ffffff;
> .font-size: 11px;
> .font-weight:bold;
> .text-decoration:none;
> .display: block;
> .float: left;
> }
>
> #navigation A.mnLeft:hover {
> .background : #18AE11 url(../i/mn-td-bg-left-over.gif) repeat-x;
> .background-color : #18AE11;
> .cursor:hand;
> .color:#ffffff;
> .font-size: 11px;
> .font-weight:bold;
> .text-decoration:none;
> }
>
>
> #navigation A.mn {
> .background : #1D9A17 url(../i/mn-td-bg.gif) repeat-x;
> .cursor:hand;
> .color:#ffffff;
> .font-size: 11px;
> .font-weight:bold;
> .text-decoration:none;
> .display: block;
> .float: left;
> }
>
> #navigation A.mn:hover.{
> .background : #18AE11 url(../i/mn-td-bg-over.gif) repeat-x;
> .background-color : #18AE11;
> .cursor:hand;
> .color:#ffffff;
> .font-size: 11px;
> .font-weight:bold;
> .text-decoration:none;
> }
>
> Ну и в соответсвенном месте HTML кода
> <table width="100%" height="37" cellpadding="0" cellspacing="0" border="0">
> <tr valign="middle"><td>
> <div id="navigation">
> <a class="mnLeft" href="catalog.phtml">каталог</a>
> <a class="mn".href="search.phtml">поиск</a>
> <a class="mn".href="info.phtml">помощь</a>
> <a class="mn".href="talk.phtml">форум</a>
> <a class="mn".href="feedback.phtml">задать?вопрос</a>
> <img src="i/x.gif" width="3" height="3" alt="" border="0" />
> </div>
> </td>
> </tr>
> </table>
>
>
> Дык вот возникают следующие проблемы...
> 1) высота <a> хочется сделать по высоте таблицы, в которую заключен div
> 2) ширину каждой <a> надо сделать по 20% от ширины таблицы в которую заключен div
> 3) выравнивание текста внутри <a> сделать горизонтально по центру и по вертикали middle ?
>
> что надо дописать в CSS ? чтобы эта бодяга заработала как надо ?
>
> в общем задача - сделать "резиновое меню", надписи текстом с графическим бекграундом, через CSS
> system requiments: MSIE5, Mozilla1.x, Opera7
>
> поможите люди добрые... давно уже бьюсь над проблемкой
СообщениеАвторДата
Slach20.11.2002 10:31
Гость12.01.2003 03:32
Leechy25.11.2002 20:09
Гость29.11.2002 16:26
Гость29.11.2002 16:24
Leechy03.12.2002 17:01
Gilmour04.12.2002 07:29