поехал дизайн в блоге

Голоса: +1
После добавления очередной записи в блог, поехало тело страницы, с остальными страницами все нормально, так же на главной странице некорректно отображается нижний контейнер, помогите разобраться!
Адрес сайта http://tarelochkashop.ru/blog//
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +3
 
Лучший ответ

В панели управления - Дизайн - Управление дизайном (CSS) ищем такую строчку, то, что красным удаляем и сохраняем:

#content {
  width: 700px;
  display: table;
  float: left;
  display: table;
}

Чтобы вернуть footer (нижнюю часть сайта) на место напишите здесь код из шаблоона главной страницы блога. 

| Автор:
CSS подправил, стало еще хуже

 

Код главной страницы блога:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>$MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<!--[if IE]>
<style type="text/css">
td, body {font-family: Trebuchet MS;}
</style>
<![endif]-->
</head>
<body>

$GLOBAL_AHEADER$

 

<!-- <middle> -->
<div id="maincontent">
<div id="sidebar">
$GLOBAL_CLEFTER$
</div>
<div id="content"><!-- <body> --><?if($ADD_ENTRY_LINK$)?><div style="text-align:right;padding-bottom:4px;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]</div><?endif?>
$BODY$<!-- </body> --></div>
</div>
<!-- </middle> -->

 

$GLOBAL_BFOOTER$

 

<script type="text/javascript" src="/js/up.js"></script>
<a href='#' id='Go_Top' title="Вернуться к началу"><img src="/images/up.png" alt="Наверх" title="Наверх"></a>

</body>
</html>

В шаблоне все правильно. А происходит это из-за того, что обрезаются теги ul и li.

Чтобы такого не было, в настройках модуля Блог надо убрать галочку с "Показывать сокращенную версию текста сообщения если сообщение очень длинное".

Если есть необходимость обрезать текст, то делайте это с помощью оператора $CUT$. Обрезать нужно либо до списка ингридиентов, либо после. Сам список разделять нельзя.

Т.е. должно быть так:

  • 1 ингридиент
  • 2 ингридиент

$CUT$

И дальше ваш текст, который будет виден только при полном просмотре рецепта.

Если не ставить $CUT$, то на главной странице будет отображаться запись целиком.

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

Отключил сокращенную версию, но ничего не изменилось. Дизайн на место не встал, и записи в блоге отображаются в том же объеме.

Отключили, но отредактировали записи. Я же написал

Если есть необходимость обрезать текст, то делайте это с помощью оператора $CUT$. Обрезать нужно либо до списка ингридиентов, либо после. Сам список разделять нельзя.

Когда отредактируете - все встанет на свои места. 

Отредактировал, обрезал после списков все записи, результата нет (

Давайте так. Начнем с записи об аппетитном салате. :)

Откройте запись на редактирование, переключитесь в режим HTML ( справа 2 надписи: визуальный редактор и Панель HTML кодов, выберете последнее)

Найдите такую строчку

<ul> <br /> <li><span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">1 вареная куриная грудка,</span></span></l

и замените на

<ul><li><span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">1 вареная куриная грудка,</span></span></li></ul>

Следующая запись. Ищем:

<ul> <br /> <li><span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">500 мл молока</span></span></li> <br /> <l

меняем:

<ul><li><span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">500 мл молока</span></span></li></ul>

Следующая запись. Ищем:

<ul><br /> <br /> <li>1 кг. филе красной рыбы (горбуша, семга, форель, кижуч и т.д.),</li> <br /> <li>2 ст.л. соли,</li> <br /> <li>1 ст.л. сахара,</li> <br />

Меняем

<ul><li>1 кг. филе красной рыбы (горбуша, семга, форель, кижуч и т.д.),</li><li>2 ст.л. соли,</li><li>1 ст.л. сахара,</li></ul>

Дальше. Ищем

<ul> <br /> <li>6&ndash;10 видов различных мясных деликатесов общим весом около 1 кг</li> <br /> <li>150 г моркови</li> <br /> <li>150 г лука</li> <br /> <li>20

Меняем

<ul><li>6&ndash;10 видов различных мясных деликатесов общим весом около 1 кг</li><li>150 г моркови</li><li>150 г лука</li><li>20</li></ul>

И последняя. Ищем

<p>Вам понадобится:</p> <br /><br /> <ul> <br /> <li>8&ndash;10 тушек кальмаров (почищенных)</li> <br /> <li>150 г вареного риса</li> <br /> <li>3 яйца</li> <br

Меняем:

<p>Вам понадобится:</p>
<ul><li>8&ndash;10 тушек кальмаров (почищенных)</li><li>150 г вареного риса</li><li>3 яйца</li></ul>

На будующее. Визуальный конструктор добавляет в код много мусора. По этому, если уж вы им пользуетесь, то после того как добавили запись - проверьте ее в режиме HTML.

В списке все теги должны быть закрыты! Т.е. если открыт тег <ul> то в конце списка обязательно должен стоять закрывающий тег </ul>.

Если открыт тег <li>, то в конце по аналогии </li>.

...