Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Глюк с 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
Изображения
Тип файла: jpg caaacb274508.jpg (117.9 Кб, 5 просмотров)

Последний раз редактировалось kpripper; 21.09.2011 в 18:29..
 
Старый 21.09.2011, 18:26
Ссылки
Старый 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>
При исследовании уже самого сайта через firebug видно, что src куда-то пропадает

Код HTML:
<li>
<a class="but3" href="#">
<img width="106" height="42" alt="" src="">
</a>
</li>
Иначе как глюком CMS объяснить не могу.

Последний раз редактировалось kpripper; 22.09.2011 в 23:29.. Причина: Добавлено сообщение
 
Старый 22.09.2011, 23:26
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перестали выводиться статьи в 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


Текущее время: 00:19. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум