Непонятный лаг

muinmy · Сообщение **muinmy** » 04 май 2012, 12:52

Все было нормально, вдруг создаю новый объект распологаю его там где нужно, а при просмотри страницы он появляется не понятно где)
вот:
вставляем например html код, оазмещаю его в нужном месте

При посмотре страницы он оказывается совершенно в другом месте

ardrigonuz · Сообщение **ardrigonuz** » 04 май 2012, 14:02

А можно сам код увидеть, возможно его между не теми тегами вставили и еще возможно, что уже есть теги <div></div> в самом коде и им заданы другие координаты позиционирования.

muinmy · Сообщение **muinmy** » 04 май 2012, 14:06

Вотвот код

Код: Выделить всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Отдых</title>
<meta name="generator" content="WYSIWYG Web Builder 8 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -687px;
   float:left
}
div#container
{
   width: 1101px;
   height: 1374px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   margin: 0;
   padding: 0;
   background-color: #D2D2D2;
   background-image: url(images/_bkgrnd.png);
   color: #000000;
}
</style>
<style type="text/css">
a
{
   color: #C8D7EB;
   outline: none;
   text-decoration: underline;
}
a:visited
{
   color: #C8D7EB;
}
a:active
{
   color: #C8D7EB;
}
a:hover
{
   color: #376BAD;
   text-decoration: underline;
}
</style>
<link rel="stylesheet" href="./cupertino/jquery.ui.all.css" type="text/css">
<style type="text/css">
#Image1
{
   border: 0px #000000 solid;
}
#wb_Text1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text2 div
{
   text-align: left;
}
#ImageMap1
{
   border: 0px #000000 solid;
}
#NavigationBar2 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar2 ul.navbar li
{
   height: 25px;
   width: 140px;
   margin: 0px 0px 4px 0px;
   vertical-align: bottom;
}
#NavigationBar2 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar2 ul.navbar li a img
{
   position: absolute;
   z-index: 1;
   border-width: 0px;
}
#NavigationBar2 ul.navbar li span
{
   display: block;
   height: 25px;
   width: 140px;
   position: absolute;
   z-index: 2;
}
#NavigationBar2 a .hover
{
   visibility: hidden;
}
#NavigationBar2 a:hover .hover
{
   visibility: visible;
}
#NavigationBar2 a:hover span
{
   visibility: hidden;
}
#Image2
{
   border: 0px #000000 solid;
}
#NavigationBar3 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar3 ul.navbar li
{
   height: 25px;
   width: 140px;
   margin: 0px 0px 4px 0px;
   vertical-align: bottom;
}
#NavigationBar3 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar3 ul.navbar li a img
{
   position: absolute;
   z-index: 1;
   border-width: 0px;
}
#NavigationBar3 ul.navbar li span
{
   display: block;
   height: 25px;
   width: 140px;
   position: absolute;
   z-index: 2;
}
#NavigationBar3 a .hover
{
   visibility: hidden;
}
#NavigationBar3 a:hover .hover
{
   visibility: visible;
}
#NavigationBar3 a:hover span
{
   visibility: hidden;
}
#Image3
{
   border: 0px #000000 solid;
}
#wb_Text4 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text7 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text7 div
{
   text-align: left;
}
#wb_Text6 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text6 div
{
   text-align: left;
}
#NavigationBar1 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar1 ul.navbar li
{
   height: 25px;
   width: 140px;
   margin: 0px 0px 4px 0px;
   vertical-align: bottom;
}
#NavigationBar1 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar1 ul.navbar li a img
{
   position: absolute;
   z-index: 1;
   border-width: 0px;
}
#NavigationBar1 ul.navbar li span
{
   display: block;
   height: 25px;
   width: 140px;
   position: absolute;
   z-index: 2;
}
#NavigationBar1 a .hover
{
   visibility: hidden;
}
#NavigationBar1 a:hover .hover
{
   visibility: visible;
}
#NavigationBar1 a:hover span
{
   visibility: hidden;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text5 div
{
   text-align: left;
}
#Image4
{
   border: 0px #000000 solid;
}
#TabMenu1
{
   float: left;
   width: 100%;
   font-family: Arial;
   font-size: 13px;
   line-height: normal;
   border-bottom: 1px solid #2763A5;
}
#TabMenu1 ul
{
   margin: 0;
   padding: 10px 0px 3px 10px;
   list-style: none;
}
#TabMenu1 li
{
   display: inline;
   margin: 0;
   padding: 0;
}
#TabMenu1 a
{
   float: left;
   background: url("images/style03left.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}
#TabMenu1 a span
{
   float: none;
   display: block;
   background: url("images/style03right.gif") no-repeat right top;
   margin-right: 4px;
   padding: 5px 10px 4px 6px;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
}
#TabMenu1 a:hover span
{
   background-position: 100% -42px;
   color: #FFFFFF;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#TabMenu1 a:hover
{
   background-position: 0% -42px;
}
#TabMenu1 #active a
{
   background-position: 0% -84px;
}
#TabMenu1 #active a span
{
   background-position: 100% -84px;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
}
#wb_Text9 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text9 div
{
   text-align: left;
}
#wb_Text10 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Text8 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text8 div
{
   text-align: left;
}
#Image5
{
   border: 0px #000000 solid;
}
#PhotoGallery1
{
   border-spacing: 1px;
   width: 100%;
}
#PhotoGallery1 .figure
{
   padding: 0px 0px 0px 0px;
   text-align: center;
   vertical-align: top;
}
#PhotoGallery1 .figure img
{
   border-width: 0;
}
.ui-dialog
{
   padding: 4px 4px 4px 4px;
}
.ui-dialog .ui-dialog-title
{
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar
{
   padding: 4px 4px 4px 4px;
}
.ui-dialog .ui-dialog-titlebar-close
{
   right: 10px;
}
.ui-dialog .ui-dialog-buttonpane button
{
   font-family: Arial;
   font-size: 13px;
}
</style>
<script type="text/javascript" src="./jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="./jquery.ui.core.min.js"></script>
<script type="text/javascript" src="./jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="./jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="./jquery.ui.draggable.min.js"></script>
<script type="text/javascript" src="./jquery.ui.position.min.js"></script>
<script type="text/javascript" src="./jquery.ui.resizable.min.js"></script>
<script type="text/javascript" src="./jquery.ui.dialog.min.js"></script>
<script type="text/javascript" src="./jquery.effects.core.min.js"></script>
<script type="text/javascript" src="./jquery.effects.blind.min.js"></script>
<script type="text/javascript" src="./jquery.effects.bounce.min.js"></script>
<script type="text/javascript" src="./jquery.effects.clip.min.js"></script>
<script type="text/javascript" src="./jquery.effects.drop.min.js"></script>
<script type="text/javascript" src="./jquery.effects.explode.min.js"></script>
<script type="text/javascript" src="./jquery.effects.fold.min.js"></script>
<script type="text/javascript" src="./jquery.effects.highlight.min.js"></script>
<script type="text/javascript" src="./jquery.effects.pulsate.min.js"></script>
<script type="text/javascript" src="./jquery.effects.scale.min.js"></script>
<script type="text/javascript" src="./jquery.effects.shake.min.js"></script>
<script type="text/javascript" src="./jquery.effects.slide.min.js"></script>
<script type="text/javascript">
<!--
function showDialog(url, title)
{
   $('#PhotoGallery1_dialog').dialog('open');
   $('#PhotoGallery1_dialog').empty();
   $('#PhotoGallery1_dialog').dialog('option', 'title', title);
   var html = '<span><img src="' + url + '"></span>';
   $('#PhotoGallery1_dialog').html(html);
}
// -->
</script>
<script type="text/javascript">
$(document).ready(function()
{
   $("#PhotoGallery1_dialog").dialog(
   {
      bgiframe: true,
      modal: true,
      width: 500,
      height: 400,
      position: 'center',
      resizable: true,
      draggable: true,
      closeOnEscape: true,
      autoOpen: false
   });
});
</script>
</head>
<body>
<div id="space"><br></div>
<div id="container">
<div id="wb_Shape1" style="position:absolute;left:50px;top:76px;width:1015px;height:1226px;z-index:0;padding:0;">
<img src="images/img0033.png" id="Shape1" alt="" title="" style="border-width:0;width:1015px;height:1226px;"></div>
<div id="wb_Image1" style="position:absolute;left:56px;top:35px;width:988px;height:487px;z-index:1;padding:0;">
<img src="images/baner.jpg" id="Image1" alt="baner" border="0" style="width:988px;height:487px;"></div>
<div id="wb_Polygon1" style="position:absolute;left:478px;top:478px;width:570px;height:49px;z-index:2;padding:0;">
<img src="images/img0034.png" id="Polygon1" alt="" title="" style="border-width:0;width:570px;height:49px;"></div>
<div id="wb_Shape2" style="position:absolute;left:56px;top:1258px;width:988px;height:25px;z-index:3;padding:0;">
<img src="images/img0035.gif" id="Shape2" alt="" title="" style="border-width:0;width:988px;height:25px;"></div>
<div id="wb_Text1" style="position:absolute;left:713px;top:43px;width:314px;height:28px;z-index:4;">
<span style="color:#FFFFFF;font-family:Arial;font-size:24px;"><strong><em>Телефон: 8-920-020-07-22</em></strong></span></div>
<div id="wb_Text2" style="position:absolute;left:982px;top:1263px;width:59px;height:16px;z-index:5;">
<span style="color:#000000;font-family:Arial;font-size:13px;">© 2012 </span></div>
<div id="wb_ImageMap1" style="position:absolute;left:88px;top:632px;width:82px;height:71px;z-index:6;padding:0;">
<img src="images/paintball4-1.jpg" id="ImageMap1" alt="1" usemap="#ImageMap1_map" border="0" style="width:82px;height:71px;">
<map name="ImageMap1_map">
</map>
</div>
<div id="NavigationBar2" style="position:absolute;left:56px;top:710px;width:140px;height:29px;z-index:7;">
<ul class="navbar">
<li><a href="./../pintbol/index.php"><img alt="" src="images/img0036_over.gif" class="hover"><span><img alt="" src="images/img0036.gif"></span></a></li>
</ul>
</div>
<div id="wb_Image2" style="position:absolute;left:65px;top:740px;width:122px;height:87px;z-index:8;padding:0;">
<img src="images/tereee.jpg" id="Image2" alt="2" border="0" style="width:122px;height:87px;"></div>
<div id="NavigationBar3" style="position:absolute;left:56px;top:833px;width:140px;height:29px;z-index:9;">
<ul class="navbar">
<li><a href="./../index.php"><img alt="" src="images/img0037_over.gif" class="hover"><span><img alt="" src="images/img0037.gif"></span></a></li>
</ul>
</div>
<div id="wb_Image3" style="position:absolute;left:747px;top:614px;width:303px;height:154px;z-index:10;padding:0;">
<img src="images/karta.gif" id="Image3" alt="kar" border="0" style="width:303px;height:154px;"></div>
<div id="wb_Text4" style="position:absolute;left:733px;top:568px;width:302px;height:32px;text-align:center;z-index:11;">
<span style="color:#7F7F7F;font-family:Arial;font-size:13px;">Нижегородская область, Богородский район, спортивная деревня &quot;Новинки&quot; .</span></div>
<div id="wb_Text3" style="position:absolute;left:572px;top:483px;width:432px;height:19px;z-index:12;">
<span style="color:#7F7F7F;font-family:'Comic Sans MS';font-size:13px;"><strong>Мы рады приветствовать вас на сайте Спортивной деревни </strong></span></div>
<div id="wb_Text7" style="position:absolute;left:498px;top:521px;width:546px;height:19px;z-index:13;">
<span style="color:#7F7F7F;font-family:'Comic Sans MS';font-size:13px;"><strong>трассе &quot;Н.Новгород-Богородск&quot; на живописном берегу р.Ока. </strong></span></div>
<div id="wb_Text6" style="position:absolute;left:526px;top:501px;width:470px;height:19px;z-index:14;">
<span style="color:#7F7F7F;font-family:'Comic Sans MS';font-size:13px;"><strong>&quot;Новинки&quot;, которая расположена в 7 км от Нижнего Новгорода по </strong></span></div>
<div id="NavigationBar1" style="position:absolute;left:56px;top:573px;width:140px;height:29px;z-index:15;">
<ul class="navbar">
<li><a href="./../index.php"><img alt="" src="images/img0038_over.gif" class="hover"><span><img alt="" src="images/img0038.gif"></span></a></li>
</ul>
</div>
<div id="wb_Text5" style="position:absolute;left:56px;top:527px;width:211px;height:19px;z-index:16;">
<span style="color:#7F7F7F;font-family:'Comic Sans MS';font-size:13px;"><strong>Тел.: 8-920-020-07-22</strong></span></div>
<div id="wb_Image4" style="position:absolute;left:751px;top:793px;width:275px;height:54px;z-index:17;padding:0;">
<img src="images/logo.JPG" id="Image4" alt="nov" border="0" style="width:275px;height:54px;"></div>
<div id="wb_TabMenu1" style="position:absolute;left:228px;top:510px;width:242px;height:36px;z-index:18;">
<div id="TabMenu1">
<ul>
<li><a href="./index.php" title="news"><span>Новости</span></a></li>
<li><a href="./../cont.php" title="cont"><span>Контакты</span></a></li>
<li><a href="./../cent.php" title="cent"><span>Цены</span></a></li>
</ul>
</div></div>
<div id="wb_Shape3" style="position:absolute;left:238px;top:575px;width:477px;height:672px;z-index:19;padding:0;">
<img src="images/img0039.gif" id="Shape3" alt="" title="" style="border-width:0;width:477px;height:672px;"></div>
<div id="wb_Text9" style="position:absolute;left:245px;top:581px;width:76px;height:16px;z-index:20;">
<span style="color:#FF0000;font-family:Arial;font-size:13px;">16.01.2012</span></div>
<div id="wb_Text10" style="position:absolute;left:543px;top:578px;width:172px;height:16px;z-index:21;">
<span style="color:#000000;font-family:Arial;font-size:13px;"><em>Пейнтбол и зимой тоже...</em></span></div>
<div id="wb_Line1" style="position:absolute;left:240px;top:595px;width:462px;height:0px;z-index:22;padding:0;">
<img src="images/img0040.png" id="Line1" alt="" title="" style="border-width:0;width:470px;height:8px;"></div>
<div id="wb_Line2" style="position:absolute;left:241px;top:1229px;width:462px;height:0px;z-index:23;padding:0;">
<img src="images/img0041.png" id="Line2" alt="" title="" style="border-width:0;width:470px;height:8px;"></div>
<div id="wb_Text8" style="position:absolute;left:250px;top:913px;width:452px;height:112px;z-index:24;">
<span style="color:#000000;font-family:Arial;font-size:13px;">Уважаемые клиенты СД &quot;Новинки&quot;, напоминаем вам, что в самом разгаре зимний пейнтбольный сезон. Зимой в пейнтбол играть даже удобнее - нет грязи, а в снегу поползать и поваляться даже очень приятно. Наша площадка, инструктора и вооружение всегда в вашем распоряжении. Единственная просьба - делайте заявку и уточняйтесь по времени минимум за день до игры. После игры вы также можете заказать обед в кафе, сауну или просто покататься на наших склонах. Вас здесь ждут!</span></div>
<div id="wb_Image5" style="position:absolute;left:246px;top:618px;width:461px;height:279px;z-index:25;padding:0;">
<img src="images/news.jpg" id="Image5" alt="" border="0" style="width:461px;height:279px;"></div>
<div id="wb_PhotoGallery1" style="position:absolute;left:253px;top:1040px;width:429px;height:158px;z-index:26;padding:0;">
<table id="PhotoGallery1">
   <tr>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news4.jpg" onclick="showDialog('images/news4.jpg', 'news4'); return false;"><img alt="news4" title="news4" src="images/tn_news4.png" style="width:93px;height:77px;"></a>
      </td>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news2.jpg" onclick="showDialog('images/news2.jpg', 'news2'); return false;"><img alt="news2" title="news2" src="images/tn_news2.png" style="width:88px;height:77px;"></a>
      </td>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news6.jpg" onclick="showDialog('images/news6.jpg', 'news6'); return false;"><img alt="news6" title="news6" src="images/tn_news6.png" style="width:90px;height:77px;"></a>
      </td>
   </tr>
   <tr>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news5.jpg" onclick="showDialog('images/news5.jpg', 'news5'); return false;"><img alt="news5" title="news5" src="images/tn_news5.png" style="width:92px;height:77px;"></a>
      </td>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news3.jpg" onclick="showDialog('images/news3.jpg', 'news3'); return false;"><img alt="news3" title="news3" src="images/tn_news3.png" style="width:92px;height:77px;"></a>
      </td>
      <td class="figure" style="width:141px;height:77px">
      <a href="images/news7.jpg" onclick="showDialog('images/news7.jpg', 'news7'); return false;"><img alt="news7" title="news7" src="images/tn_news7.png" style="width:92px;height:77px;"></a>
      </td>
   </tr>
</table>
<div id="PhotoGallery1_dialog" title="Photo Gallery">
</div>
<div id="Html1" style="position:absolute;left:759px;top:882px;width:259px;height:64px;z-index:27">
11111111111111111111111111</div>
</div>
</body>
</html>

вот он его почему то вставляет не там где надо....

<div id="Html1" style="position:absolute;left:759px;top:882px;width:259px;height:64px;z-index:27">
11111111111111111111111111</div>
</div>

ardrigonuz · Сообщение **ardrigonuz** » 04 май 2012, 14:16

Вроде все правильно. В свойствах HTML объекта, в правой колонке все совпадает из этой строки: слева:759px; сверху:882px; ширина:259px; высота:64px?

muinmy · Сообщение **muinmy** » 04 май 2012, 14:27

в том то и дело, что все совпадает...

Вот лгого
<div id="wb_Image4" style="position:absolute;left:751px;top:793px;width:275px;height:54px;z-index:17;padding:0;">
<img src="images/logo.JPG" id="Image4" alt="nov" border="0" style="width:275px;height:54px;"></div>
ниже должен распологатся код
<div id="Html1" style="position:absolute;left:759px;top:882px;width:259px;height:64px;z-index:27">
11111111111111111111111111</div>
</div>
вот и ума не прилажу из-за чего это возникло и как с этим боротся

ardrigonuz · Сообщение **ardrigonuz** » 04 май 2012, 14:34

А почему бы, не вставить вместо: "11111111111111111111111111", тот код который должен быть.

muinmy · Сообщение **muinmy** » 04 май 2012, 14:38

пробывал появляется всеравно там где 11111111, даже если на это место просто картинку вставить, тот же результат

ardrigonuz · Сообщение **ardrigonuz** » 04 май 2012, 14:51

А в разных браузерах тестировалось?

muinmy · Сообщение **muinmy** » 04 май 2012, 15:55

конечно..

muinmy · Сообщение **muinmy** » 04 май 2012, 17:04

если поместить этот блог див, после картинки, то при посмотри все становится нормально...

muinmy писал(а):если поместить этот блог див, после картинки, то при посмотри все становится нормально...

Попробуй Билдер обнови до более новой версии,думаю пройдет этот лаг.
У меня было подобное в версии 8.0.2,съезжали заголовки с присвоенными им стилями (H1).
Но потом,после обновления на более новую версию проги,этот баг пропал.
Тьфу-тьфу.. :hi_hi_hi:

Непонятный лаг

Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Re: Непонятный лаг

Кто сейчас на конференции

Кто сейчас на конференции

Добро пожаловать на форум!