Question

Доброго времени суток. Вопрос банален, но я так и не разобрался. Нужно выставить 2 кнопки в ряд. Я понимаю что это делается тегами <tr> и <td> , но выделяя кнопки этими тегами у меня начинает "плыть" вся страница.

 

Кусок кода

<table class="eBlock" border="0" cellpadding="2" cellspacing="0" width="100%">
<tbody><tr><td width="85%">
<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?>
<?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?>
<?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?>
</td><td style="font-size:7pt;white-space: nowrap;" align="right">$ADD_DATE$, $ADD_TIME$</td></tr>
    <tr><td class="eText" colspan="2">$MESSAGE$
    <div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://www.retro-film.ru/","{width:145,height:30,st:'rounded',sz:20,ck:1}");
    </script>
    <div id="vk_like"></div>
 <script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"},$ID$ );
    </script>
 <b> retro-film.ru </b> Предлагает Вашему вниманию фильм<b> "$ENTRY_TITLE$"</b> онлайн . Чтобы смотреть онлайн<b>"$ENTRY_TITLE$"</b>, просто запустите плеер выше и дождитесь загрузки фильма <b>"$ENTRY_TITLE$"</b> .<b>После просмотра фильма не забудьте выразить свое мнение о нем в комментариях. Приятного просмотра!</b>
</td></tr>

Цветами выделены кнопки. но видимо из за того что они находятся внутри открытых тегов (да еще и текс получается в открытом теге) начинает все плытть. Очень много вариантов попробовал , но все равно все криво получается. И так как я в HTML "пенек" полный, думаю и не получится ничего. Очень прошу помочь. Заранее благодарен всем откликнувшимся.

Answer 1

Попробуйте заменить на следующий код:

 

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td width="85%">
<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?>
<?if($RFILE_URL$)?> &middot; <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?>
<?if($SCREEN_URL$)?> &middot; <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?>
</td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$MESSAGE$</td></tr>
                               
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;"> замени на 600px
    <tbody>
        <tr>
            <td><div id="ok_shareWidget">&nbsp;</div>
            <script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://www.retro-film.ru/","{width:145,height:30,st:'rounded',sz:20,ck:1}");
    </script></td>
            <td> <div id="vk_like">&nbsp;</div>
            <script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"},$ID$ );
    </script></td>
        </tr>
    </tbody>
</table>               
 <b> retro-film.ru </b> Предлагает Вашему вниманию фильм<b> "$ENTRY_TITLE$"</b> онлайн . Чтобы смотреть онлайн<b>"$ENTRY_TITLE$"</b>, просто запустите плеер выше и дождитесь загрузки фильма <b>"$ENTRY_TITLE$"</b> .<b>После просмотра фильма не забудьте выразить свое мнение о нем в комментариях. Приятного просмотра!</b>
</td></tr>
</table>

проверьте и отпишитесь о результате.

Comments

Весь дизайн разорвало

---

отредактировал код, рвать не должно, так же виделил цветами разными чтобы поняли где ечейки для кнопок соц-сетей

---

Вот результат:

 

Результат

А вот полная страница кода с Вашими параметрами (выделил цветом Ваш код)

 

Код

<html><head>
<meta name="description" content="На нашем сайте, вы можете посмотреть старые, добрые фильмы 80 х - 90 х годов, онлайн и без всяких регистраций и смс. Просто зайдите и настлаждайтесь фильмами.У нас представлены как старые голливудские, так и старые отечественные фильмы. Фильмы разных жанров, комедии, ужасы, триллеры, фантастика,мелодрамы и конечно же старые боевики.Все это можно посмотреть онлайн и в хорошем качестве">
<meta name="keywords" content="старые добрые фильмы онлайн, бесплатно, в хорошем качестве, кино, старые комедии, лучшие фильмы 80 х, годов русские, старые голливудские фильмы, старая фантастика смотреть онлайн" >
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <?if($SOCIAL_IMAGE_SRC$)?>
<link rel="image_src" href="$SOCIAL_IMAGE_SRC$" />
<?endif?>
<meta name="title" content="$ENTRY_TITLE$" />
<meta name="description" content="$SOCIAL_DESCRIPTION$" />
 <?$META_DESCRIPTION$?>
 <title>$ENTRY_TITLE$ | $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?52"></script>

<script type="text/javascript">
 VK.init({apiId: 3118734, onlyWidgets: true});
</script>
 
 <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?52"></script>

<script type="text/javascript">
 VK.init({apiId: 3118734, onlyWidgets: true});
</script>
</head>

<body style="background:#000000; margin:0px; padding:0px;">
$ADMIN_BAR$
 

<div id="contanier">
 $GLOBAL_AHEADER$

 <div id="content">
 <!-- <middle> -->
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody><tr>
 <td style="width:207px;" valign="top">
 $GLOBAL_CLEFTER$
 </td>
 <td style="padding:0px 10px 0px 10px;" valign="top"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td style="white-space: nowrap;" align="right"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td>
</tr>
</tbody></table>

<hr>
 <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?><div style="float:right;"></div> <h1>$ENTRY_TITLE$ $VERSION$</h1> 
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td width="85%">
<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?>
<?if($RFILE_URL$)?> &middot; <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?>
<?if($SCREEN_URL$)?> &middot; <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?>
</td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$MESSAGE$</td></tr>
                               
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;">
    <tbody>
        <tr>
            <td><div id="ok_shareWidget">&nbsp;</div>
            <script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://www.retro-film.ru/","{width:145,height:30,st:'rounded',sz:20,ck:1}");
    </script></td>
            <td> <div id="vk_like">&nbsp;</div>
            <script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"},$ID$ );
    </script></td>
        </tr>
    </tbody>
</table>               
 <b> retro-film.ru </b> Предлагает Вашему вниманию фильм<b> "$ENTRY_TITLE$"</b> онлайн . Чтобы смотреть онлайн<b>"$ENTRY_TITLE$"</b>, просто запустите плеер выше и дождитесь загрузки фильма <b>"$ENTRY_TITLE$"</b> .<b>После просмотра фильма не забудьте выразить свое мнение о нем в комментариях. Приятного просмотра!</b>
</td></tr>
</table>
 
<tr><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div>
<?endif?><!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a><?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a><?endif?>
<?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?>
</td></tr>
 

---

подредактил код выше, там выделил, в общем подгоняй таблицу по размерам под свой сайт вместо 100%

---

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