CrazyXoma

Да, конешн =) Спасибо за поддержку=)

Да... Причем у меня вариант был верный... Только мозила почему-то восприняля только в таком порядке... оО

Хых... Домучил я огнебагом эти талбички. Правда разницы не улавливаю: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 12px; text-align: center; font-weight: bold; color: #ffffff; background-image: url(../../../images/lttemplate/menu_m.gif); background-repeat: repeat-x; width: 13%; } vs TD.menu2{ background-image:url(../../../images/lttemplate/menu_m.gif); background-repeat:repeat-x; color:#FFFFFF; font-family:Tahoma,Arial,sans-serif; font-size:12px; font-weight:bold; text-align:center; width:13%; } кто-нить может объяснить? с TD.menu2 все работает верно... оО

Ыххх.. доберусь до дома - попробую =)

тупо так: =) <ul> <li>ГЛАВНАЯ</li> <li>КАТАЛОГ</li> <li>АКЦИИ</li> <li>СТАТЬИ</li> <li>ДОСТАВКА</li> <li>ОПЛАТА</li> <li>НАШИ МАГАЗИНЫ</li> <li>КОНТАКТЫ</li> </ul> а как равномерно распределить по всей длине ячейки? =)

Че-то я запустался оО Как же мне не париться, если таблицами не получается, а списком не получается по ширине распределить равномерно? Непорядооок...

Вот блин поэтому и парюсь с таблицами... А т.к. верстка резиновая - жестко задать размер не получается...

А как растянуть список равномерно на ширину ячейки?

Оххх, замучился с этой менюшкой... Все вроде сделал, все работает. И тут обнаружил, что огнелис отображает эту менюшку не в строку, а в столбик Т.е. в Хроме - в строчку, в ИЕ6-7 - в строчку, а огнелис - в столбик оО Кто-нибудь может подсказать, в чем проблема? Код CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 12px; text-align: center; font-weight: bold; color: #ffffff; background-image: url(../../../images/lttemplate/menu_m.gif); background-repeat: repeat-x; width: 12%; } TD.menu A{ color: #ffffff; text-decoration: none; display:block; line-height:100%; } Html: <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_u.gif" width="5" height="5" border="0"></td> <td width="100%" background="images/lttemplate/menu_u.gif" colspan="8"></td> <td width="5"><img src="images/lttemplate/menu_r_u.gif" width="5" height="5" border="0"></td> </tr> <tr height="30" align="center"> <td width="5" background="images/lttemplate/menu_m.gif"></td> <td class="menu"><a href="$urlcataloglogo">ГЛАВНАЯ</a></td> <td class="menu">КАТАЛОГ</td> <td class="menu">АКЦИИ</td> <td class="menu">СТАТЬИ</td> <td class="menu">ДОСТАВКА</td> <td class="menu">ОПЛАТА</td> <td class="menu">НАШИ МАГАЗИНЫ</td> <td class="menu">КОНТАКТЫ</td> <td width="5" background="images/lttemplate/menu_m.gif"></td> </tr> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_d.gif" width="5" height="5" border="0"></td> <td width="100%" background="images/lttemplate/menu_d.gif" colspan="8"></td> <td width="5"><img src="images/lttemplate/menu_r_d.gif" width="5" height="5" border="0"></td> </tr> </table> Честно говоря - слегка прифигел оО Помогите, кто с таким сталкивался, из-за чего это может быть?

Попробовал вариант списком... А как-же настроить его растягивание по ширине? А то он весь в середине получается =\ Все... Решил проблему путем добавления в стиль width: 13%; Всем спасибо!

Ммм... Понял. А можно-ли тогда как-то этой проблемы избежать не прописывая сверху так-же 8 столбцов? Ведь не красиво =) Add. Хм... Попробовал и в верхней и в нижней строке сделать разделение по ячейкам, но несмотря на это - первая ячейка растягивается на максимум: <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_u.gif" width="5" height="5" border="0"></td> <td width="13%" background="images/lttemplate/menu_u.gif"></td> <td width="13%" background="images/lttemplate/menu_u.gif"></td> <td width="12%" background="images/lttemplate/menu_u.gif"></td> <td width="12%" background="images/lttemplate/menu_u.gif"></td> <td width="12%" background="images/lttemplate/menu_u.gif"></td> <td width="12%" background="images/lttemplate/menu_u.gif"></td> <td width="13%" background="images/lttemplate/menu_u.gif"></td> <td width="13%" background="images/lttemplate/menu_u.gif"></td> <td width="5"><img src="images/lttemplate/menu_r_u.gif" width="5" height="5" border="0"></td> </tr> <tr height="30" align="center"> <td width="5" background="images/lttemplate/menu_m.gif"></td> <td width="13%" class="menu" >ГЛАВНАЯ</td> <td width="13%" class="menu" >КАТАЛОГ</td> <td width="12%" class="menu" >АКЦИИ</td> <td width="12%" class="menu" >СТАТЬИ</td> <td width="12%" class="menu" >ДОСТАВКА</td> <td width="12%" class="menu" >ОПЛАТА</td> <td width="13%" class="menu" >НАШИ МАГАЗИНЫ</td> <td width="13%" class="menu" >КОНТАКТЫ</td> <td width="5" background="images/lttemplate/menu_m.gif"></td> </tr> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_d.gif" width="5" height="5" border="0"></td> <td width="13%" background="images/lttemplate/menu_d.gif"></td> <td width="13%" background="images/lttemplate/menu_d.gif"></td> <td width="12%" background="images/lttemplate/menu_d.gif"></td> <td width="12%" background="images/lttemplate/menu_d.gif"></td> <td width="12%" background="images/lttemplate/menu_d.gif"></td> <td width="12%" background="images/lttemplate/menu_d.gif"></td> <td width="13%" background="images/lttemplate/menu_d.gif"></td> <td width="13%" background="images/lttemplate/menu_d.gif"></td> <td width="5"><img src="images/lttemplate/menu_r_d.gif" width="5" height="5" border="0"></td> </tr> </table>

В смысле - просто одна ячейка и в ней горизонтальный список? Если не сложно, можно ссыль на какое-нибудь описание сего действа? Не совсем понял по тому, что смог найти - получиться ли разместить элементы списка на всю ширину. А так, как вариант решения - мне нра=) Спасибо! Вот весь код таблицы: <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_u.gif" width="5" height="5" border="0"></td> <td width="100%" background="images/lttemplate/menu_u.gif" colspan="8"></td> <td width="5"><img src="images/lttemplate/menu_r_u.gif" width="5" height="5" border="0"></td> </tr> <tr height="30" align="center"> <td width="5" background="images/lttemplate/menu_m.gif"></td> <td width="13%" class="menu" >ГЛАВНАЯ</td> <td width="13%" >КАТАЛОГ</td> <td width="12%" >АКЦИИ</td> <td width="12%" >СТАТЬИ</td> <td width="12%" >ДОСТАВКА</td> <td width="12%" >ОПЛАТА</td> <td width="13%" >НАШИ МАГАЗИНЫ</td> <td width="13%" >КОНТАКТЫ</td> <td width="5" background="images/lttemplate/menu_m.gif"></td> </tr> <tr height="5"> <td width="5"><img src="images/lttemplate/menu_l_d.gif" width="5" height="5" border="0"></td> <td width="100%" background="images/lttemplate/menu_d.gif" colspan="8"></td> <td width="5"><img src="images/lttemplate/menu_r_d.gif" width="5" height="5" border="0"></td> </tr> </table> Интересует середина... Остальное - оформление закругленных углов.

Ширина таблицы стоит 100%. Ширина ячеек прописана в каждом теге: <td width="13%" class="menu" >ГЛАВНАЯ</td> <td width="13%" >КАТАЛОГ</td> <td width="12%" >АКЦИИ</td> <td width="12%" >СТАТЬИ</td> ........ При применении стилей - первая ячейка делается максимальной ширины, а остальные - по ширине слова... Как-же добиться ширины нужной? По сути - надо распределить равномерно пункты меню...

Хм... проблему с отсутствием фона - решил. Заключалась в том, что при прописании пути к картинке прямо в теге: style="background-image: url('images/lttemplate/menu_m.gif')" брался путь относительно страницы. Когда прописывал тоже самое в CSS - соответственно, брался путь относительно таблицы стилей... background-image: url('../../../images/lttemplate/menu_m.gif') Такой код в таблице стилей решил проблему с бэкграундом. Осталась проблема растягивания первой ячейки.... Вот тут я совсем в ступоре оО

Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаемый результат получается пока только таким образом: <td width="13%" style="background-image: url('images/lttemplate/menu_m.gif'); font-family : Tahoma, Arial, sans-serif; font-size : 14px; text-align: center; font-weight: bold; color: #ffffff; ">ГЛАВНАЯ</td> т.е. прямо в теге прописываю нужные параметры. Что, сами понимаете, жутко неудобно и некрасиво... Кто может подсказать, в чем проблема? Заранее спасибо!!!