1
Перед заливкой на сервер решил обновить версию до 1.1.4 и увидел, что пропали два важных элемента - header и footer, точнее они есть, но цвет их отличается от заданного - вместо синего стал белым. Получается белый текст на белом фоне. Не подгружаются фоновые картинки, что ли...
Пробовал поставить шаблон на чистый дистрибутив Зебрума 1.1.4 - результат тот же. Скажите пожалуйста, где здесь грабли?
Так не хочется отказываться от легкого и удобного шаблона...
С другой стороны это сигнал разработчикам - наверное где-то что-то не так...
Скрытый текст
Styles.css:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php z_head(); ?>
<?php z_rsshead(); ?>
<link rel="stylesheet" type="text/css" href="~ztpl/styles.css" />
</head>
<body>
<div id="header">
<h2>ИМЯ САЙТА</h2>
</div>
<div id="menu1">
<ul> <li><a href="/"> <!-- class="active" //--> ГЛАВНАЯ</a></li>
<li><a href="/faq">ВОПРОС-ОТВЕТ</a></li>
<li><a href="/offer">УСЛУГИ</a></li>
<li><a href="/feedback">НАПИШИТЕ НАМ</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<div id="subt"><?php z_breadcrumbs(); ?></div>
<h1><?php z_h1(); ?></h1>
<?php z_content(); ?>
<?php z_pagenavigation('<p>Страницы: ', '<a href="#link">#number</a>', '#number', '</p>', ' | '); ?>
<?php z_subpages('sort asc', '<ul>', '<li><a href="#link">#title</a><br /><small>#description</small></li>', '</ul>'); ?>
<?php z_pagetags('<p>Тэги: #tags</p>'); ?>
<div id="sidebar">
<?php zsidebarmanager::displaySidebar(1); ?>
</div>
</div>
<div id="columnB">
<div><?php z_menu(); ?> </div>
<div id="sitemap">
<p><a href="~/sitemap.html">Карта сайта</a></p>
<p><a href="~zfull/rss.xml">Подписка на RSS</a></p>
</div>
</div>
</div>
<div id="footer"> <p>Copyright © 2009 БлаБлаБла</p></div>
</body>
</html>
Styles.css:
/** BASIC */
body {
margin: 0px;
padding: 0px;
background: url(images/img02.jpg) repeat-x left top;
line-height: 1.5em;
text-align: justify;
font-family:Georgia, Times New Roman, serif;
font-size: 11pt;
color: #666666;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
color: #254360;
}
h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
#subt, .subt { font-size: 8pt;
font-family:Arial, Helvetica, sans-serif;
color: #444444; }
a {
color: #0077dd;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.list1 {
margin: 0;
padding: 0;
list-style: none;
}
.list1 a {
background: url(images/img01.gif) no-repeat left 60%;
padding-left: 12px;
}
.list2 {
margin: 0;
list-style: none;
}
.list2 a {
background: url(images/img01.gif) no-repeat left 60%;
padding-left: 12px;
}
img {
border: none;
}
img.left {
float: left;
margin: 3px 20px 0px 0px;
}
/** HEADER */
#header {
width: 778px;
margin: 0px auto;
padding: 1em;
height: 90px;
color: #254360;
}
#header h2 {
margin: 0px;
padding: 20px 0px 0px 0px;
text-transform: uppercase;
font-weight: normal;
font-size: 48px;
font-family:Georgia, serif;
}
#header h3 {
margin: 0 0 0 -95px;
padding: 10px 0px 0px 100px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
font-family:Georgia, serif;
}
/** MENU */
#menu1 {
width: 778px;
margin: 0px auto;
font-family:Arial, Helvetica, sans-serif;
}
#menu1 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu1 li {
display: inline;
}
#menu1 a {
background: url(images/img04.gif) no-repeat right 50%;
padding: 0px 20px 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
#menu1 a:hover {
background: #FFFFFF;
color: #254360;
}
#menu1 .active {
background: #FFFFFF;
color: #254360;
}
/** CONTENT */
#content {
width: 778px;
margin: 0px auto;
padding: 40px 0px 20px 0px;
}
#columnA {
float: right;
width: 538px;
padding-left: 20px;
border-left: 1px dashed #cccccc;
}
#columnA h2 {
height: 22px;
border-bottom: 1px dashed #cccccc;
font-size: 10pt;
font-weight: bold;
}
#columnB {
float: left;
width: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#columnB h3 {
height: 22px;
border-bottom: 1px dashed #cccccc;
border-spacing: 2px;
font-size: 11pt;
font-weight: bold;
}
/** FOOTER */
#footer {
clear: both;
margin: 0px auto;
height: 59px;
background: url(images/img03.gif) repeat-x left top;
text-align: center;
}
#footer p {
margin: 0px;
padding: 18px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#footer a {
color: #CCCCCC;
}
