rijy

Здравствуйте уважаемые форумчане! Передо мной возникла неожиданная проблема на этапе проверки верстки=\ Есть сайт.. Верстался с фиксами под осла. Все отлично работает. Вот например: prostor-market.com/gallery/ - отлично выглядит во всех броузерах. А от если мы перейдем например по ссылке: prostor-market.com/gallery/prostor-detyam/ - ужас! который происходит, судя по симптомам, изза того что не подгружается файл стилей. Прописал уже даже везде абсолютные пути к нему - та же фигня( НЕ пойму что нужно ИЕ.. ведь один и тот же шаблон, одинаково везде подгружаются стили. Помогите пожалуйста разобраться Спасибо.

сорри.. не заметил еще кусок кода для списков в стилях: ul { margin: 2px 0; padding: 0 0 0 25px; } ul li { margin: 11px 0; padding: 0px 0 0px 14px; } li { margin: 5px 0; padding: 0px 0 0px 14px; [b][i]zoom: 1;[/i][/b] } жирным курсивом выделил то что вставил по вашему совету, однако это не помогло((

Здравствуйте! Верстаю несложный шаблончик. Там в шапке есть меню вертикальное, выполненное в виде ненумерованого списка. Так вот это меню в осле и в лисе отображается абсолютно по разному((( Вот так в лисе (нормально): а вот так в горячо любимом осле: Вот кусок css для этого меню: .menubox { float: left; background: #fff url(../images/menubox_1.png) no-repeat left top; width: 292px; height: 349px; } .most_image { float: right; width:588px; height:349px; } #spisok { margin-left: -30px; font-size: 2.8em; font-family:"Times New Roman"; font-weight: normal; font-variant: small-caps; } #spisok ul { list-style-type: square; color: #a8a8a8; } #spisok li a { color: #d10800; } #spisok li a:hover { color: #ED2A2A; } Вот кусок шаблона: <div class="menubox"> <div id="spisok"> <ul> <li><a class="link1" href="News.html" title="Íîâîñòè">Î êîìïàíèè</a></li> <li><a class="link1" href="News.html" title="Íîâîñòè">Óñëóãè</a></li> <li><a class="link1" href="News.html" title="Íîâîñòè">Íîâîñòè</a></li> <li><a class="link1" href="News.html" title="Íîâîñòè">Ïîëåçíîå</a></li> <li><a class="link1" href="News.html" title="Íîâîñòè">Êîíòàêòû</a></li> </ul> </div> </div> Скажите пожалуйста, откуда появились артефакты со шрифтом в осле? Спасибо.

сделал паддинг только у #spbar'а. текст по центру располагается, но возникла другая проблема: сделал паддинг в .shapedBox.. появился левый край, но с каким-то смещением: правый край (там где линия посредине рисунка) впринципе можно выровнять в самом изображении.. а вот это смещение никак не могу исправить(

ОГРОМНОЕ СПАСИБО! все прекрасно получилось. теперь все съеживается как надо. единственная трабла в том, что текст спидбара чуть выше середины рисунка. я исправлял это паддингом в #spbar. Но теперь при добавлении отсутпа сьезжает рисунок. Можно ли как-то это исправить? Вот так сейчас: И, если можно, расскажите пожалуйста подробнее про вот этот параметр: _zoom: 1; (не нашел на htmlbookе) Еще раз большое спасибо!

сделал как вы советовали в последний раз. все отлично съеживается.. НО получается вот так: игрался с отступами, делал изображение больше по высоте - ничего не меняется(

шаблон главной: http://www.rapidshare.ru/958230 css-стили: http://www.rapidshare.ru/958231 Рисунки: - 01.gif - 02.gif - 03.gif - 04.gif

сделал. получается вот так: на всякий случай привожу код.. можт где-то что-то проглядел когда копировал: <div class="shapedBlock"> <div class="shapedBox"> <div class="shapedText"> <div id='spbar'>{speedbar}</div> </div> </div> </div> .shapedBlock { overflow: hidden; _zoom: 1; background: url(../images/03.gif) repeat-x; } .shapedBox { float: left; background: #fff url(../images/01.gif) no-repeat; } .shapedText { display: block; background: #fff url(../images/02.gif) no-repeat right center; padding-right: 10px; }

не совсем понял, как сделать в бекграунде ссылку сразу на два рисунка?( все рисунки имеют ширину в 15px.. длинные линии сверху и снизу потом растягиваются репитом (и линия посредине строки тоже так растягивается). т.е. левое змкругление и линии сверху/снизу - это два разных изображения. сорри, если я что-то не так понял..

Исходное изображение: Изображение с пояснениями: Зеленые линии показывают на какие части это изображение делится, красная линия - это желаемая граница ячейки/слоя. Вот при увеличении текстового поля как хотелось бы:

Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее) Вобщем есть вот такой участок кода из дле: <table cellspacing=0 cellpadding=0 border=0 width=100% height=62> <tr> <td width=15 style="background:url({THEME}/images/1.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01><div id='spbar'>{speedbar}</div></td> <td width=15 style="background:url({THEME}/images/3.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/4.gif) repeat-x left" valign=top class=header_01> </td> </td> </tr> </table> Это спидбар из ДЛЕ. Мне надо, чтобы ячейка с фоновым рисунком 2.gif растягивалась НЕ на всю ширину экрана, а только на длину текста (эта длина меняется в зависимости от того, в какой категории находится пользователь на сайте). Видимо ячейку растягивает на весь экран слой.. Как его можно минимизировать, чтобы ширина ячейки (слоя) была только на ширину текста, а не на весь экран? Буду благодарен за любые рекомендации. Спасибо!

Буду очень благодарен, если взглянете на код и сможете дать рекомендации. Не нашел опции вложения файлов, залил на обменник. Тут main.tpl (главный шаблон сайта): http://www.rapidshare.ru/887747 Тут style.css: http://www.rapidshare.ru/887750 Спасибо

Очень жаль Прийдется отказаться от этого меню.. Хотя его функционал очень понравился.. Нашел примерно похожее свиду (раскрывающееся не при наведении мыши, а при нажатии): <a title="Самый главный пункт" href="java script:ShowOrHide('menu1');">Самый главный пункт</a> <div id="menu1" style="display:none;"> <ul> <li><a href="/">Выпадающий пункт 1</a></li> <li><a href="/">Выпадающий пункт 2</a></li> <li><a href="/">Выпадающий пункт 3</a></li> <li><a href="/">Выпадающий пункт 4</a></li> <li><a href="/">Выпадающий пункт 5</a></li> </ul> </div> Единственная проблема - оно не работает при отключенных сценариях. Можно ли как то сделать, чтобы вот эта ссылка: <a title="Самый главный пункт" href="java script:ShowOrHide('menu1');">Самый главный пункт</a> была кликабельной при отключенных сценариях и вела на главную страницу категории (это на случай если сценарии будут отключены, тогда навигация будет осуществляться через главную страницу категории).

творение не мое. я привел ссылку на блог в первом посте, там весь код представлен в чистом виде. если это изменит ситуацию, привожу куски кода где я интегрировал это меню в общий шаблон: В файле стилей: [b]тут остальные стили шаблона — —- —[/b] * {margin:0;padding:0;} #nav {border:#fff 1px solid;margin:0px auto;width:175px;} #nav a { color:#565656; display:block; font:12px/1.18 georgia,arial,helvetica,serif; margin:0; padding:3px 3px 3px 10px; position:relative; text-decoration:none; } #nav a:hover {color:#c50;} #nav li { cursor:pointer; font:bold 12px/1.18 georgia,arial,helvetica,serif; list-style-type:none; padding:4px 0 2px; } #nav li span {padding:0 3px 0 6px;} #nav li ul {border:#eee 3px solid;display:none;} #nav li li {cursor:pointer;margin:1px;padding:1px;} #nav li:hover {background-color:#eee;color:#905;} #nav li:hover ul {background-color:#fff;display:block;} #nav li:hover ul {#margin:0;#padding:1px;} #nav li li {#margin:0;} *html #nav li{behavior:url(../css/navigation.htc);zoom:1;} *html #nav li.navigation ul {background-color:#fff;display:block;padding:1px;} *html #nav li.navigation {background-color:#eee;color:#905;} И в хтмле: <table width="185" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="185" align="left" valign="top"> <table width="183" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" height="38" background="{THEME}/images/nav_bg.gif"><div style="padding-bottom:10px; padding-left:30px; font-size:11px; font-weight:bold; color:#3a9dc4">Каталог</div> </td> </tr> <tr> <td align="right" valign="top" > <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-right:1px solid #d5e3f3;"> <tr> <td width="1" background="{THEME}/images/border_left.gif"> </td> <td width="" align="" valign="top" class="copy"> <ul id="nav"> <li><span>Игровые комплексы</span> <ul> <li><a href="#">Спортивно-игровой комплекс К-01 (4 башни)</a></li> <li><a href="#">Спортивно-игровой комплекс К-02</a></li> <li><a href="#">Спортивно-игровой комплекс К-03 (3 башни)</a></li> <li><a href="#">Спортивно-игровой комплекс К-04 (3 башни)</a></li> <li><a href="#">Спортивно-игровой комплекс К-05 (2 башни)</a></li> <li><a href="#">Спортивно-игровой комплекс К-06 (2 башни)</a></li> <li><a href="#">Спортивно-игровой комплекс К-07 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-08 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-09 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-10 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-11 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-12 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-13 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-14 (1 башня)</a></li> <li><a href="#">Спортивно-игровой комплекс К-15</a></li> <li><a href="#">Паровоз с одним вагончиком КП-01</a></li> <li><a href="#">Машина КМ-01</a></li> </ul></li> <li><span>Добавьте</span> <ul> <li><a href="#">Все, что угодно</a></li> <li><a href="#">Меню раздвигается</a></li> <li><a href="#">Экономте место</a></li> <li><a href="#">Под рекламу :)</a></li></ul></li> <li><span>Свои Ссылки</span> <ul> <li><a href="#">На собственные ресурсы</a></li> <li><a href="#">На ресурсы Ваших друзей</a></li> <li><a href="#">Линки куда угодно</a></li> <li><a href="#">Что не будут, так</a></li> <li><a href="#">Раздражать своим</a></li> <li><a href="#">Постоянным присутствием</a></li></ul></li> </ul> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"><img src="{THEME}/images/block_footer.gif" width="183" height="26" /> </td> </tr> </table>

Здравствуйте уважаемые форумчане. Появилась надобность сделать раздвигающееся меню с использованием чистого CSS без всяких скриптов.. Воспользовался примером вот отсюда: _trifler.ru/blog/post_1200597092.html Как всегда вылазят бока в любимом ИЕ6=\ Вобщем в лисе все отображается отлично. Вот так меню выглядит в изначальном состоянии: Вот так при наведении мыши: В долбаном же ИЕ6 обнаружились какие-то левые отступы: Изначальное состояние: При наведении мыши: Путем экспериментов определил следующее.. в файле стилей есть вот такой параметр: Если его удалить, то в лисе появляется такой же отступ. Я так понял, этот параметр не принимается ИЕ6? Так ли это, и если так, то как это исправить? Или дело в другом? Буду очень благодарен за толковые советы..

актуально

Требуется решить проблему, описаную в этой теме: http://forum.htmlbook.ru/index.php?showtopic=11673 Нужно, чтобы проблема была решена для всех броузеров и для всех разрешений экрана. Предложения и желаемые вознаграждения отписывайте в личку или в этой теме. Спасибо.

я если честно начинающий.. не представляю даже каким запросом в гугле искать решение возникшей проблемы.

Здравствуйте уважаемые. Возникла проблема с позиционированием футера на сайте. Футер в виде темной полоски с горизонтальной менюшкой. Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана. Было сначала: Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана. Тогда я применил абсолютное позиционирование: style="position: absolute; bottom: 0px; width: 100%" Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем на высоту экрана - футер цепляется к нижнему краю экрана в независимости от того на сколько прокруток экрана контент. Вот как это выглядит: