|
Глюк с CSS в modX?Обсуждение темы Глюк с CSS в modX? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Установил шаблон в modX, он некорректно отображается, первое это вид когда открывать index.html самого шаблона, дальше вид сайта на modX на этом шаблоне ... |
|
Опции темы |
21.09.2011, 18:26 | #1 |
|
Установил шаблон в modX, он некорректно отображается, первое это вид когда открывать index.html самого шаблона, дальше вид сайта на modX на этом шаблоне в разных браузерах. В чем проблема ?
http://i037.radikal.ru/1109/bc/caaacb274508.jpg Последний раз редактировалось kpripper; 21.09.2011 в 18:29.. |
|
21.09.2011, 19:52 | #2 |
|
неправильно прописаны пути к картинкам
|
|
21.09.2011, 20:06 | #3 |
|
Ну это можно в firefox придраться, в остальных картинки все таки отображаются, но коряво. Картинки - спрайты, если это имеет значение.
|
|
21.09.2011, 21:07 | #4 |
|
код в студию. Даже не код а линк на сайт. Там, видимо есть либо фоновые либо наложенные изображения. даже
|
|
21.09.2011, 21:13 | #5 |
|
Сайт на денвере.
Код: <div id="header"> <a href="#" class="logo"><img src="http://web-silver.ru/forum/images/logo.jpg" alt="setalpm" width="202" height="55" /></a> <div style="position:absolute;top:1px;left:1px;height:0 px;width:0px;overflow:hidden"><h1><a href="http://www.greatdirectories.org/submission.html">submission services</a></h1><h1><a href="http://www.bestfreetemplates.org">free web templates</a></h1></div> <div id="menu"> <ul> <li><a href="#" class="but1 active"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="106" height="42" /></a></li> <li><a href="#" class="but2"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="118" height="42" /></a> </li> <li><a href="#" class="but3"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="106" height="42" /></a></li> <li><a href="#" class="but4"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="99" height="42" /></a></li> <li><a href="#" class="but5"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="154" height="42" /></a></li> <li><a href="#" class="but6"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="129" height="42" /></a></li> </ul> <form action="#"> <input type="text" value="Search" /> </form> </div> <ul id="meta"> <li><a href="#" class="meta1"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="37" height="39" /></a></li> <li><a href="#" class="meta2"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="37" height="39" /></a></li> <li><a href="#" class="meta3"><img src="http://web-silver.ru/forum/images/spacer.gif" alt="" width="37" height="39" /></a></li> </ul> </div> html{ width:100%; height:100%; background:url(images/bg.jpg) top center no-repeat; } body{ width:100%; height:100% } #site{ width:988px; margin:0 auto; } #header{ padding:78px 0 0 0; width:988px; overflow:hidden; position:relative } .logo{ margin:0 0 0 40px; / margin:0 0 0 42px; float:left; } #menu{ background:url(images/menu_bg.jpg) top left no-repeat; width:988px; height:46px; float:left; / float:none; margin:40px 0 0 0; / margin:40px 0 0 3px; padding:2px 0 0 4px; } #menu ul{ background:url(images/end_menu.gif) top right no-repeat; overflow:hidden; float:left; padding:0 3px 0 0; } #menu li{ display:inline; list-style-type:none; } #menu a{ display:block; float:left; } .but1{background:url(images/but1.jpg) top left no-repeat;} .but2{background:url(images/but2.jpg) top left no-repeat;} .but3{background:url(images/but3.jpg) top left no-repeat;} .but4{background:url(images/but4.jpg) top left no-repeat;} .but5{background:url(images/but5.jpg) top left no-repeat;} .but6{background:url(images/but6.jpg) top left no-repeat;} #menu a:hover, .active{ background-position:bottom left } #meta{ position:absolute; top:134px; right:51px; / right:47px; } #meta li{ display:inline; list-style-type:none; } #meta a{ display:block; float:left; margin:0 6px 0 0; } .meta1{background:url(images/meta1.jpg) top left no-repeat;} .meta2{background:url(images/meta2.jpg) top left no-repeat;} .meta3{background:url(images/meta3.jpg) top left no-repeat;} #meta a:hover{ background-position:bottom left } #menu input{ background:url(images/search_bg.gif) top left no-repeat; width:140px; height:14px; padding:2px 23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#171717; border:0px; margin:11px 0 0 60px; } Добавлено через 2 минуты Эти куски - http://web-silver.ru/forum/ в адреса картинок вставились сами )) Последний раз редактировалось kpripper; 21.09.2011 в 21:13.. Причина: Добавлено сообщение |
|
22.09.2011, 08:40 | #6 |
|
да отправьте вы дамп сайта, раз он у вас на денвене.
перед images поставьте слеш / |
|
22.09.2011, 23:26 | #7 |
|
дампа сайта как такой нечего делать, я только шаблон прикрепил, сам ни строчки кода не написал. Добавил слеш перед images, исчезли все картинки ))
сам шаблон скачал здесь http://www.bestfreetemplates.info/ad...9aa94cbcaf.zip Добавлено через 5 минут Наблюдаю в фаерфоксе такую вещь - при перезагрузке страницы пропавшие картинки появляются на долю секунды, потом исчезают. Добавлено через 29 минут Еще непонятка, в админке сайта, там где редактируется код, пункт меню выглядит так Код HTML:
<li><a href="#" class="but3"><img src="assets/blog/images/spacer.gif" alt="" width="106" height="42" /></a></li> Код HTML:
<li> <a class="but3" href="#"> <img width="106" height="42" alt="" src=""> </a> </li> Последний раз редактировалось kpripper; 22.09.2011 в 23:29.. Причина: Добавлено сообщение |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Перестали выводиться статьи в Modx | Legally Blond | ASP, Perl, PHP и MySQL | 0 | 31.08.2015 14:22 |
MODx | ddddd | HTML, CSS, JavaScript | 7 | 22.10.2009 00:48 |
Плагин DirectResize для MODX | ddddd | ASP, Perl, PHP и MySQL | 2 | 29.09.2009 23:52 |
Что за глюк? | kors@r | Зал дебютантов | 13 | 29.04.2004 13:59 |
Что за глюк? | Junkers | HTML, CSS, JavaScript | 17 | 12.03.2004 09:58 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|