Jump to content
  • 0

Отступ от шапки до меню, при использовании SSI


Cyanide
 Share

Question

Здравствуйте.

Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки.

Всё сделал по инструкции. Вот её часть:

Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI

Вырезаем из файла index.shtml куски кода которые будут повторятся на всех страницах сайта (в примере они выделены цветами) и сохраняем их отдельными файлами с расширением *.txt назовём, их к примеру:

header.txt - файл с кодом "шапки" сайта

menu.txt - файл с кодом меню сайта

footer.txt - файл с кодом "подвала" сайта

- обычно такие кусочки кода сохраняют в отдельной папке под именем include

Вставляем в нужные места кода файла index.shtml директивы - включения на стороне севера

Пишутся эти директивы в виде комментариев вот так:

<!--#include virtual="include/menu.txt"-->

- так например эта строчка заменит собой отсутствующий код с меню сайта и будет его черпать из файла menu.txt который лежит в папке include.

Но возникла небольшая загвоздка:

После того, как всё заливается на хост, при просмотре страницы, появляется нежелательный отступ, без фона, как раз в том месте, где в коде расположена директива Include. Т.е. например - после шапки сайта идет белая полоса, и после неё уже прорисовывается меню.

Я искал ответ, что это за отступ в поисковых системах, и ответа так и не нашел.

Прошу подсказать, как избавиться от этих отступов.

Если необходимо, могу привести html и CSS код.

У меня уже возникло такое предположение, что это зависит от настроек SSI на сервере хоста.

Заранее спасибо за помощь.

PS: Прошу извинить, если допустил ошибки при создании темы.

PSS: На данный момент сайт работает без SSI, восстановил как было.

Edited by Cyanide
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

возможно у подключаемых файлов кодировка не UTF-8 Without BOM, проверьте

Огромное спасибо, проблема решена. При создании файлов *.txt я кодировку указывал просто UTF-8, а не Without BOM. Как обычно дело либо в кривых ручках, либо в невнимательности.

Link to comment
Share on other sites

  • 0

Делаю всё точно по такому же примеру, но когда заливаю на хостинг вылезает такая ошибка http://my.jetscreenshot.com/12271/20120613-c9z1-6kb, где-то ошибся, но не могу понять где код правильный вставил, папку include создал и положил header.txt и footer.txt. Хостер сказал что SSI включено, так что с не с его стороны проблема. просто index.html Отображается нормально, на index.shtml выдаёт ошибку. Помогите пожалуйста)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html class="Mozilla">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Директ
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="http://directgeorgia.com/fav.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://directgeorgia.com/fav.ico" type="image/x-icon">
<link href='http://directgeorgia.com/fav.ico" type="image/x-icon' rel='shortcut icon' type='image/x-icon'/>
</head>
<body id="home_page" xml:lang="ru" lang="ru">
<div id="layout">
<div id="header">
<p class="navigation">
</p>
<table width="100%" border="1">
<!--#include virtual="include/header.txt"-->
<script language="javascript" type="text/javascript"><!--
var d = new Date();
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
var t = new Date();
var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");
document.write("исх. № 1 от «" + d.getDate()+"»"+" " + month[d.getMonth()]
+ " " + d.getFullYear() + " г., " + (checkTime(t.getHours()))+" : "+(checkTime(t.getMinutes()))+" : "+(checkTime(t.getSeconds())));
//--></script> </td>
<td width="58%"> </td>
<td width="14%"> </td>
</tr>
</table>
<div id="something"> <h2>

<br> САЙТ</a></h2>
<blockquote> </blockquote>
</div>
</div>
<table class="layout" width="100%">
<tbody>
<tr class="layout" valign="top">
<td height="537" align="center" class="layout">
<div id="content"> <h2> Краткая информация о деятельности компании «Директ»</h2> <p>Компания «Директ» основана в 2010 году. Сегодня с нами работают более 60 талантливых управленцев и руководителей подразделений от ведущих компаний Украины. Основные направления — построение и отладка бизнес-процессов, стандартизация и развитие малого и среднего форматов бизнеса, создание франчайзинговых сетей, обучение управленческого состава компаний. Наша работа заключается в привлечении лучших из лучших действующих управленцев в предприятия, которые нуждаются в развитии, расширении или выходе из кризиса. Клиентами компании «Директ» не могут быть религиозные и политические организации, частные лица, а также компании, чья деятельность граничит с незаконной.
</p>
</div> <h2> Направления деятельности и подразделения «Директ»
<br>
<br> § 1. Директ-стандарт</h2>
<dl class="articles">
<table width="100%" border="1">
<tr>
<td width="36%" valign="top">Профиль направления: единые корпоративные стандарты управления предприятием</td>
<td width="8%"></td>
<td width="56%" class="layout navigation">
<div id="navigation" class="navigation">
<ul class="navigation">
<li>
<span>1.1.
</span> Директ-персонал:
<a href="http://directgeorgia.com/hr1.html">cтандартизация системы корпоративного управления персоналом </a>
</li>
<li>
<span>1.2.
</span>Директ-финансы:
<a href="http://directgeorgia.com/fin.html">стандартизация системы управления финансами организации </a>
</li>
<li>
<span>1.3.
</span>Директ-продвижение:
<a href="http://directgeorgia.com/prodv.html">единые стандарты управления стимулированием продаж</a>
</li>
<li>
<span>1.4.
</span>Директ-коммерция: стандартизация системы управления процессами реализации продукции (товаров,работ, услуг)
</li>
<li>
<span>1.5.
</span>Директ-логистика: стандартизация системы управления логистическими процессами
</li>
<li>
<span>1.6.
</span>Директ-автоматизация: Enterprise Resource Planning — реализация проектов комплексной автоматизации бизнеса
</li>
</ul>
</div></td>
</tr>
</table>
</dl> <h2>§ 2. Директ-развитие</h2>
<dl class="articles">
<table width="100%" border="1">
<tr>
<td width="36%" valign="top">Профиль направления: диверсификация бизнеса и построение холдинга, методы и программы усиления конкурентных позиций и преимуществ на рынке</td>
<td width="8%"></td>
<td width="56%"class="layout navigation">
<div id="navigation" class="navigation">
<ul class="navigation">
<li>
<span>2.1.
</span>Антикризисное управление: аутсорс антикризисной команды топ-менеджеров
</li>
<li>
<span>2.2.
</span>Аутсорс департаментов: персонала, коммерции и логистики, финансового, маркетинга
</li>
<li>
<span>2.3.
</span>Разработка и внедрение программ по привлечению инвестиций. Оценка бизнеса и увеличение стоимости компании
</li>
<li>
<span>2.4.
</span>Анализ, диагностика и внедрение проектов по расширению каналов сбыта. Выведение новых брендов и торговых марок на рынок
</li>
<li>
<span>2.5.
</span>Разработка ТЭО — технико-экономического обоснования расширения и диверсификации бизнеса. Внедрение процессов запуска новых объектов
</li>
<li>
<span>2.6.
</span>Построение нового бизнеса с нуля под ключ
</li>
<li>
<span>2.7.
</span>Разработка и внедрение программы «Растим таланты» в рамках программы формирования кадрового резерва
</li>
<li>
<span>2.8.
</span>Разработка и внедрение программ дистанционного обучения в рамках профессиональных и личностных компетенций
</li>
<li>
<span>2.9.
</span>Формирование корпоративной базы знаний.
</li>
</ul>
</div></td>
</tr>
</table> <h2>§ 3. Директ-франчайзинг</h2>
<dl class="articles">
<table width="100%" border="1">
<tr>
<td width="36%" valign="top">Профиль направления: системы управления франчайзинговыми проектами</td>
<td width="8%">
<p> 
</p></td>
<td width="56%"class="layout navigation">
<div id="navigation" class="navigation">
<ul class="navigation">
<li>
<span>3.1.
</span>Оценка возможностей и преимуществ франчайзера.
</li>
<li>
<span>3.2.
</span>Выбор и оценка региона для франшизы.
</li>
<li>
<span>3.3.
</span>Создание оригинальной концепции франшизы.
</li>
<li>
<span>3.4.
</span>Разработка новых форматов франшизы.
</li>
<li>
<span>3.5.
</span>Создание дизайн-проекта для нового франчайзингового объекта.
</li>
<li>
<span>3.6.
</span>Построении сети, запуск франчайзинговых объектов.
</li>
<li>
<span>3.7.
</span>Поиск франчайзи, партнеров, инвесторов. Финансовая и правовая проверка потенциальных партнеров.
</li>
<li>
<span>3.8.
</span>Стандартизация франчайзингового проекта.
</li>
<li>
<span>3.9.
</span>Проведение вводных тренингов для персонала франчайзи.
</li>
<li>
<span>3.10.
</span>Разработка стратегии экспансии франшизы.
</li>
<li>
<span>3.11.
</span>Адаптация иностранной франшизы для местного рынка.
</li>
</ul>
</div></td>
</tr>
</table> <h2>§ 4.
<a href="http://directgeorgia.com/obuch.html">Директ-обучение</a></h2>
<dl class="articles">
<table width="100%" border="1">
<tr>
<td width="36%" valign="top">Профиль направления: школа подготовки управленческого состава предприятия</td>
<td width="8%"></td>
<td width="56%"class="layout navigation">
<div id="navigation" class="navigation">
<ul class="navigation">
<li>
<span>М-1.
</span>Введение в курс
</li>
<li>
<span>M-2.
</span>Экономика и право
</li>
<li>
<span>M-3.
</span>Современный руководитель: личные качества и стиль руководства
</li>
<li>
<span>M-4.
</span>Управление человеческими ресурсами
</li>
<li>
<span>M-5.
</span>Организационное поведение
</li>
<li>
<span>M-6.
</span>Менеджмент организаций
</li>
<li>
<span>M-7.
</span>Методы исследований в бизнесе
</li>
<li>
<span>M-8.
</span>Бухгалтерский, финансовый и управленческий учет
</li>
<li>
<span>M-9.
</span>Финансы в организации
</li>
<li>
<span>M-10.
</span>Стратегический менеджмент
</li>
<li>
<span>M-11.
</span>Операционный менеджмент
</li>
<li>
<span>M-12.
</span>Общий маркетинг
</li>
<li>
<span>M-13.
</span>Стратегический маркетинг
</li>
<li>
<span>M-14.
</span>Управление изменениями
</li>
<li>
<span>M-15.
</span>Информационные технологии для менеджера
</li>
<li>
<span>M-16.
</span>Прохождение практики
</li>
<li>
<span>M-17.
</span>Тестирование. Сертификация
</li>
</ul>
</div></td>
</tr>
</table>
</dl>
</dl> <h2>Приложения</h2>
<dl class="articles">
<table width="100%" border="1">
<tr>
<td width="56%"class="layout navigation">1.
<a href="http://directgeorgia.com/poruch.html">Портрет участника проектов</td>
</tr>
</table>
</dl>
</dl>
</dl>
</td>
</tr>
</tbody>
</table>
<div id="footer">
<!--#include virtual="include/footer.txt"-->

</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy