Помощь Помогите найти ошибку в вёрстке

Тема в разделе "DLE", создана пользователем BU4, 8 сен 2010.

Информация :
Актуальная версия DataLife Engine 11.2
( Final Release v.11.2 | Скачать DataLife Engine | Скачать 11.2 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 11.1 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. BU4

    BU4 Создатель

    Регистр.:
    8 янв 2009
    Сообщения:
    37
    Симпатии:
    1
    Доброго времени суток. Решился попробовать сверстать для себя DLE шаблон, возникла проблема которая меня долбит уже 2 дня, высота блока с контентом. Шаблон верстается для онлайн роликов, возможно причина в этом ..

    Вот скрин:
    _http://img227.imageshack.us/img227/3724/222ma.jpg

    Вот HTML код:

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    {headers}
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <style type="text/css" media="all">
    @import url({THEME}/css/style.css);
    </style>
    <style type="text/css" media="all">
    @import url({THEME}/css/engine.css);
    </style>
    </head>
    
    <body>
    {AJAX}
    <div class="saitbox">
    
    <!--shapka-->
    <div class="shapka">
     <div class="shapka-top">
     <div class="logo"><div class="logolink"><a href="/">Logo</a></div></div>
    
    <div class="kn1">
    <a href="/" class="kn2"></a> 
    </div>
    </div>
    
      <div class="opisanie">
      <a href="/"><h1 class="textlogo">Название сайта</h1></a>
      <i>Мы рады вновь видеть вас здесь! Перед использованием службы Календарь Google нам необходимо узнать о вас подробнее. Пожалуйста, введите дополнительную информацию.</i>
      </div>
    </div>
    <!--/shapka-->
    
    
    
    <!--saitbar-->
    <div id="bigcenter">
    
    <div class="sitebar">
    <div class="title">Навигация</div><br>
    <div class="menu">
    - <a href="/">Главная</a><br>
    - <a href="/">Игры</a><br>
    - <a href="/">Фильмы</a><br>
    - <a href="/">Видео(клип)</a><br>
    - <a href="/">Юмор</a><br>
    - <a href="/">Новости</a><br>
    - <a href="/">Софт</a><br>
    - <a href="/">MP3</a><br>
    - <a href="/">Обои/Wallpaper</a><br>
    - <a href="/">Главная</a><br>
    - <a href="/">Игры</a><br>
    - <a href="/">Фильмы</a><br>
    - <a href="/">Видео(клип)</a><br>
    - <a href="/">Юмор</a><br>
    - <a href="/">Новости</a><br>
    - <a href="/">Софт</a><br>
    
    
    </div>
    </div>
    <!--/saitbar-->
    
    
    
    		<div id="content">
    			
    			<div class="sort">[sort]{sort}[/sort]</div>
    			{info}
    			{content}
    		</div>
    </div>
     <div class="footer">ФУТЕР ФУТЕР ФУТЕР ФУТЕР</div>
    
    </div>
    За основным блоком
    </body>
    
    </html>
    вот css:

    HTML:
    html,body{
    margin:0px;
    padding:0px;
    color:#bd00a6;
    background:#494949;
    font-size:14px;
    font-family:tahoma;
    }
    
    a{
    text-decoration:none;
    color:#38a4ff;
    }
    a:hover{
    color:#000;
    }
    a img{
    border:0;
    }
    
    .saitbox{
    width:1000px;
    height:100%;
    margin:0 auto;
    background: #FFFFFF;
    }
    
    .shapka{
    width:998px;
    height:386px;
    background:url(../images/4_031.jpg) no-repeat;
    border:1px solid #fff;
    }
    
    .shapka-top{
    width:100%;
    height:195px;
    }
    
    .logo{
    width:278px;
    height:160px;
    background:url(../images/logo.png) no-repeat;
    margin:20px;
    float:left;
    }
    .logolink{
    width:278px;
    height:160px;
    overflow:hidden;
    text-indent:-90000px;
    float:left;
    }
    .logolink a{
    display:block;
    padding:100px;
    }
    
    .kn1{
    margin-left:590px;
    margin-top:22px;
    width:123px;
    height:123px;
    background:url(../images/kn1.png) no-repeat;
    }
    a.kn2{
    display:block;
    background:url(../images/kn22.png) 0 0;
    width:106px;
    height:106px;
    margin: 9px;
    float:left;
    }
    a.kn2:hover{
    display:block;
    background:url(../images/kn22.png) 0 106px;
    width:106px;
    height:106px;
    margin: 9px;
    float:left;
    }
    .opisanie{
    width:350px;
    height:150px;
    margin:10px;
    }
    h1.textlogo{
    width:110px;
    color:#c000aa;
    font-size: 16px;
    font-family: tahoma;
    }
    
    .sitebar{
    width:200px;
    height:100%;
    margin:10px;
    background:#fff1e4;
    float:left;
    }
    
    .menu         {color: #3e4d55; font-size: 12px; font-family: Verdana; line-height: 180%; padding-left: 10px;}
    .menu a       {color: #757575; text-decoration:none; }
    .menu a:hover {color: #3e4d55;	text-decoration:none; }
    
    .title         {color: #3e4d55; font-size: 18px; font-family: Verdana;}
    .title a       {color: #3e4d55; text-decoration:none; }
    .title a:hover {color: #757575;	text-decoration:none; }
    
    #bigcenter{
    width:1000px;
    height:1000%;
    background: #FFFFFF;
    }
    
    #content {
    	float: left;
    	width: 780px;
    	background: #FFFFFF;
    }
    #content hr{
    	width: 680px;
    	color:#ffffff;
    	float:left;
    }
    #shortstory {
    	margin-bottom: 1em;
    	width: 720px;
    	padding:15px;
    }
    #shortstory .date {
    	float: right;
    	color: #FFFFFF;
    	line-height: 36px;
    	padding-right: 18px;
    }
    #shortstory .date a { color: #FFFFFF; }
    #content .title_h {
    	display: block;
    margin-top:0;
    
    	font: 18px/normal "Trebuchet MS", Arial, Tahoma, sans-serif;
    
    }
    #shortstory h1 span {
    	line-height: normal;
    	font-size: 0.8em;
    }
    #shortstory .content {
    	margin-bottom: 1.5em;
    	margin-top: 1em;
    }
    
    #shortstory .detail {
    	display: block;
    	width: 720px;
    	height: 25px;
    }
    #shortstory .right {
    	float: right;
    	display: block;
    	padding-top: 3px;
    }
    #shortstory .left {	float: left; }
    #shortstory .left .rating { line-height: 22px; }
    #shortstory .left .unit-rating {
    	margin-top: 1px;
    	line-height: 16px;
    	height: 16px;
    }
    
    
    #preview_video {
    	display: inline-table;
    
    
    	//display: inline;
    	border-collapse: collapse;
    	border-spacing: 0;
    	margin: 0px 12px 25px 0px;
    	width: 140px;
    }
    
    #preview_video h2 {
    	color: #d04718;
    	margin: 4px 0px 2px 0px;
    	padding: 0px;
    	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
    	
    }
    #preview_video h2 a {
    	color: #d04718;
    	text-decoration: none;
    }
    #preview_video h2 a:hover { text-decoration: underline; }
    #preview_video .image { }
    #preview_video .image img {
    	border: 1px solid #dea9a9;
    	margin-bottom: 3px;
    }
    #preview_video .info {
    	color: #a3a3a3;
    	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
    	width: 163px;
    }
    #preview_video .info .lft {
    	float: left;
    	width: 95px;
    	overflow: hidden;
    }
    #preview_video .info .rgt {
    	width: 65px;
    	float: right;
    	text-align: right;
    }	
    
    
    
    
    
    
    .comm-header {
    	color: #7d0600;
    	background: #ff908a url(../images/bg_comm.gif);
    	font: 12px Verdana, Arial, Helvetica, sans-serif;
    	height: 29px;
    	border: 1px solid #bb0500;
    	margin: 0px;
    	padding: 0px 18px;
    	width: 684px;
    }
    .comm-header h2 {
    	margin: 0px;
    	padding: 0px;
    	font: 18px/29px "Trebuchet MS", Arial, Tahoma, sans-serif;
    	color: #7d0600;
    }
    .comm-header .right-comm {
    	float: right;
    	line-height: 29px;
    	height: 29px;
    }
    
    
    #comment {
    	background: #e9e9e9;
    	width: 702px;
    	display: block;
    	padding-left: 18px;
    	padding-top: 8px;
    	padding-bottom: 8px;
    	border-right: 1px solid #cfcfcf;
    	border-bottom: 1px solid #cfcfcf;
    	border-left: 1px solid #cfcfcf;
    }
    #comment .info span { color: #999999; }
    
    #comment .comm-bottom {
    	display: block;
    	text-align: right;
    	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
    	float: right;
    	padding-right: 18px;
    }
    #addcomm, #regg, #inff {
    	background: #e9e9e9;
    	width: 720px;
    	display: block;
    	border-right: 1px solid #cfcfcf;
    	border-bottom: 1px solid #cfcfcf;
    	border-left: 1px solid #cfcfcf;
    	margin: 1.5em 0px 0px;
    	padding: 0px;
    }
    #addcomm .addcom-header {
    	color: #7d0600;
    	background: #ff908a url(../images/bg_comm.gif);
    	font: 18px/29px "Trebuchet MS", Arial, Tahoma, sans-serif;
    	height: 29px;
    	border: 1px solid #bb0500;
    	margin: 0px;
    	padding: 0px 18px;
    	width: 684px;
    }
    #addcomm .addcom-content { padding: 8px 1em 8px 18px; 
    }
    
    .f_textarea {
    	height: 150px;
    	width: 460px;}
    	
    .short_title { height:25px;}
    .short_title a { color:#FF52C4; font-weight:bold; font-size:10px; font-family:verdana,sans-serif; vertical-align:bottom;}
    .short_img { width:140px; height:100px; border:dotted 1px #FF00FF; margin:0 0 4px 0;}
    .short_img img { width:140px; height:100px;}
    .shotd_detail { height:50px;}
    .shotd_detail a { color:#0cbff2;}
    .short_views {color:#717171; font-size:11px; margin: 4px 0;}
    
    #dle-speedbar {
    	margin-bottom: 1em;
    	display: block;
    }
    
    .sort{
    width:760px;
    height:20px;
    margin:10px 0 0 0;
    padding:5px;
    }
    
    

    так-же вот шаблон можно скачать целиком: _http://www.sendspace.com/file/71u50j

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

    уже задолбался 100-й раз пересматривать одно и то-же, очень очень прошу помочь
     
  2. MaximMax

    MaximMax

    Регистр.:
    14 май 2009
    Сообщения:
    595
    Симпатии:
    76
    Врядли ктото будет ковырятся в шаблоне безплатно это никому не надо заплат 5-10 доларов тебе подправят даи сделают нормальный шаблон .
     
  3. BU4

    BU4 Создатель

    Регистр.:
    8 янв 2009
    Сообщения:
    37
    Симпатии:
    1
    почему, многие ребята помогают бескорыстно.

    ошибку нашёл, не хватало:

    HTML:
    <div style="clear: both; height: 1px;"></div>
    Всё заработало, но теперь мне все тыкают на валидность, если не трудно прошу помочь.

    В куске кода:

    HTML:
    <div id="preview_video">
    
                        <div class="short_title"><h2><a href="http://test2.loc/main/16-ddddddd.html">ddddddd</a></h2>  </div>
                <div class="short_img"><a href="http://test2.loc/main/16-ddddddd.html"><div id="news-id-16" style="display:inline;"><!--dle_image_begin:http://test2.loc/uploads/posts/2010-09/1283880633_small.jpg|left--><img src="http://test2.loc/uploads/posts/2010-09/1283880633_small.jpg" align="left" alt="ddddddd" title="ddddddd"  /><!--dle_image_end--></div></a></div><div class="clear2"></div>
    
        <div class="rating" style="float:left;">
            <ul class="unit-rating">
            <li class="current-rating" style="width:68px;">68</li>
            </ul>
    </div>  <br/>
        <div class="short_views">[Cмотрело +33]</div></div>
    валидатор выдаёт вот такую ошибку:

    вот вся shortstory.tpl:

    HTML:
    <div class="preview_video">
    
                        <div class="short_title"><h2>[full-link]{title}{approve}[/full-link]</h2>  </div>
                <div class="short_img">[full-link]{short-story}[/full-link]</div><div class="clear2"></div>
    
        {rating}  <br/>
        <div class="short_views">[Cмотрело +{views}]</div>
    
    
    </div>
    обьясните пожалуйста в чём ошибка? от куда появилась строка:

    HTML:
    <!--dle_image_begin:http://test2.loc/uploads/posts/2010-09/1283880633_small.jpg|left--><!--dle_image_end-->
    и как её убрать
     
  4. BU4

    BU4 Создатель

    Регистр.:
    8 янв 2009
    Сообщения:
    37
    Симпатии:
    1
    блин, неужели никто не может помочь :(
     
Статус темы:
Закрыта.