как сделать "резиновый" 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 > > поможите люди добрые... давно уже бьюсь над проблемкой |