Текст сдвигает шаблон.

fortek · 15 июня 2011

Вообще проблема такова. Скачал шаблончик для сайта клана. Столкнулся с проблемой когда очень много текста в новости, то таблица не фиксируется, а расширяется и выталкивает бока. В поиске уже весь день перелазил ничего толкового не нашел. На скрине показал пример, предварительно выставив border=1. Подскажите как сделать чтобы таблица не дергалась.

В дополнение прилагаю main.tpl от шаблона. Версия DLE 9.2


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

{headers}

<link media="screen" href="{THEME}/css/engine.css" type="text/css" rel="stylesheet" />

<link media="screen" href="{THEME}/css/style.css" type="text/css" rel="stylesheet" />

			<script type="text/javascript" src="{THEME}/la2/scripts/menu/js/jquery.js"></script>

			<link rel="stylesheet" type="text/css" href="{THEME}/la2/scripts/menu/css/jkmegamenu.css" />

			<script type="text/javascript" src="{THEME}/la2/scripts/menu/js/jkmegamenu.js"></script>

			<script type="text/javascript">jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")</script>

			<link rel="stylesheet" type="text/css" media="screen, print" href="{THEME}/la2/css/style.css" />

	<!--[if lt IE 7]>

	<![if gte IE 5.5]>

	<style type="text/css"> 

	.iePNG { filter:expression(fixPNG(this)); } 

	.iePNG A { position: relative; }/* стиль для нормальной работы ссылок в элементах с PNG-фоном */

	</style>

	<![endif]>

	<![endif]-->



</head>

<body id="wrapper">



				<table width="100%" border="0" cellspacing="0" cellpadding="0" id="repit">

  <tr>

    <td id="img_1">


    		<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

  <td width="14%">&nbsp;</td>

    <td id="top" align="center"></td>

    <td width="70%">&nbsp;</td>

  </tr>

</table>



    </td>

  </tr>

  <tr>

    <td id="img_2">&nbsp;</td>

  </tr>

  <tr>

    <td id="img_3">&nbsp;</td>

  </tr>

  <tr>

    <td id="img_4">&nbsp;</td>

  </tr>

</table>


			<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="repit">




        <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="14%">&nbsp;</td>

    <td width="16%" valign="top">


            		<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="menu-title">&nbsp;</td>

  </tr>

  <tr>

    <td id="menu" valign="middle" align="center">

    <br>

    		<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td align="center"><a href="/">Главная</a></td>

  </tr>

    <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td align="center"><a href="http://asterios.tm">Сервер Asterios</a></td>

  </tr>

      <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td align="center"><a href="http://linedia.ru">База знаний</a></td>

  </tr>

      <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td align="center"><a href="/forum">Форум</a></td>

  </tr>

      <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td align="center"><a href="/">Фотогалерея</a></td>

  </tr>

      <tr>

    <td>&nbsp;</td>

  </tr>

    <tr>

    <td align="center"><a href="/">Файлы</a></td>

  </tr>

      <tr>

    <td>&nbsp;</td>

  </tr>

    <tr>

    <td align="center"><a href="/">Статистика</a></td>

  </tr>

  </table>



    </td>

  </tr>

</table>


    <br> <br>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="forum-title">&nbsp;</td>

  </tr>

    <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td id="forum" align="center">Последнее с форума</td>

  </tr>

</table>


{vote}



    </td>

    <td width="3%">&nbsp;</td>

      <td width="36%" valign="top">


      <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td align="center"><img src="templates/destiny/images/banner.png"></td>

  </tr>

  <tr>

    <td>&nbsp;</td>

  </tr>

    <tr>

    <td id="content">{info}{content}</td>

  </tr>

</table>



      </td>

        <td width="1%">&nbsp;</td>

        <td width="17%" valign="top">


        <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="4%">&nbsp;</td>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="status-title">&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

  </tr>

    <tr>

    <td>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="14%">&nbsp;</td>

    <td>

Логин сервер: <img src="http://monitor.zone-game.info/check.php?do=status&ip=213.186.119.82&port=2106&id=10" border="0" />

Гейм &nbsp;сервер: <img src="http://monitor.zone-game.info/check.php?do=status&ip=213.186.119.82&port=2106&id=10" border="0" />


    </td>

  </tr>

</table>



    </td>

  </tr>

    <tr>

    <td><br><br></td>

  </tr>

    <tr>

    <td align="center">{login}</td>

  </tr>

</table>



	<br><br><br>



    <table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="pvp-title">&nbsp;</td>

  </tr>

  <tr>

    <td id="pvp" align="center">топ пвп игроков</td>

  </tr>

</table>


<br><br>


<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="pk-title">&nbsp;</td>

  </tr>

  <tr>

    <td id="pk" align="center">топ пк игроков</td>

  </tr>

</table>

</td>

    <td width="3%">&nbsp;</td>

  </tr>

</table>






        </td>

        <td width="0%">&nbsp;</td>

  </tr>

</table>






    </td>

  </tr>

</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td id="footer" align="center">2009-2011.&copy;<a href="http://vk.com/fortek">Fortek</a> <br>All right reserved</td>

  </tr>

</table>



</body>

</html>

Тему можно закрыть. Разобрался. На будущее, закрепляйте тегом DIV с определенной шириной в px. Таблица не будет метаться, но текст будет выходить за ее пределы. Поэтому приписываем параметр overflow: hidden. Пример в CSS:


.place2 {

  width: 453px;

  overflow: hidden

}

Далее на участке в main.tpl:


<tr>

    <td id="content"><div class="place2" align="center">{info}{content}</div></td>

  </tr>

Изменено 15 июня 2011 пользователем fortek

Critical Error · 15 июня 2011

На будущее, закрепляйте тегом DIV с определенной шириной в px. Таблица не будет метаться, но текст будет выходить за ее пределы.

на будущее, во-первых, соблюдайте правила форума, а во-вторых - то как вы ввели текст, тупо одни буквы без пробелов, с таким успехом любой дизайн улетит в разные стороны!

alex32 · 16 июня 2011

На будущее, закрепляйте тегом DIV с определенной шириной в px. Таблица не будет метаться, но текст будет выходить за ее пределы. Поэтому приписываем параметр
overflow: hidden.

Вот умник! Зачем давать тупые, неправильные советы людям? Кто-нибудь зайдет, почитает этот бред и будет так делать. А так делать не надо! В данном случае!

fortek · 16 июня 2011

кому как. Лучше такой вариант чем вообще никакой. Из всех движков, тока на DLE запары и неконкретные ситуации, а пример который был описан здесь, всего лишь обычная инструкция по CSS по закреплению таблиц. По добавлению новостей это оказалось незаменимым. С форумом( модулем DLE) была такая же запарка, основываясь на этой же базе было также все удачно откорректировано. Прост хз у Вас может у старикашек с 100+ постами крутые яйца и вы в DLE шарите мегатру. Но в итоге от таких тру типа "Во Умник", "Соблюдайте правила" слышно в ответ - Юзайте поиск, эта тема обсуждалась и прочее в этом же духе.

Я зашел на форум поддержки и меня интересует дельный ответ на вопрос что с этим движком не так. А в итоге слышу троллинг, что я чего-то неправильно делаю, повторюсь я не нашел в Интернете даже альтернативного варианта!

Я неправильно делаю?! оке продолжаем тему, сделайте вы правильно, глянем какие вы отцы. Как говориться, делом познается человек, а не языком.

Могу предоставить шаблон если надо)

alex32 · 16 июня 2011

Во-первых, ДЛЕ тут не причем, это обычных html. Во вторых, правила форума никто не отменял

"Соблюдайте правила" слышно в ответ

и это верно, а что-то ссылки на сайт не видно, соответственно, никакой помощи оказывать смысла нет. Если вы игнорируете правила, то будут игнорировать вас. В третьих, давать нелепые советы другим - это плохо, если вы решили свою проблему через Ж, то не стоит подталкивать к этому других.

Войти

Текст сдвигает шаблон.

Рекомендованные сообщения

fortek 0

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

fortek 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность