Укажите на ошибки в верстке

Статус
Закрыто для дальнейших ответов.
K

klim4uk

Новичок
Регистрация
14.05.2010
Сообщения
1
Код: 
<!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" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>АкваТория - Набережные Челны - Отопление</title>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <link rel="shortcut icon"  href="favicon.ico" />
</head>
<body>
<div class="Main">
        <div class="Sheet">
            <div class="Sheet-tl"></div>
            <div class="Sheet-tr"><div></div></div>
            <div class="Sheet-bl"><div></div></div>
            <div class="Sheet-br"><div></div></div>
            <div class="Sheet-tc"><div></div></div>
            <div class="Sheet-bc"><div></div></div>
            <div class="Sheet-cl"><div></div></div>
            <div class="Sheet-cr"><div></div></div>
            <div class="Sheet-cc"></div>
            <div class="Sheet-body">
                <div class="nav">
                    <ul class="artmenu">
                        <li><a href="index.html"><span><span>ГЛАВНАЯ</span></span></a></li>
                        <li><a href="vodopodgotovka.html"><span><span>ВОДОПОДГОТОВКА</span></span></a></li>
                        <li><a href="otoplenie.html" class=" active"><span><span>ОТОПЛЕНИЕ</span></span></a></li>
                        <li><a href="basseyni.html"><span><span>БАССЕЙНЫ</span></span></a></li>
                        <li><a href="landsaft.html"><span><span>ЛАНДШАФТ</span></span></a></li>
                        <li><a href="vent.html"><span><span>ВЕНТИЛЯЦИЯ</span></span></a></li>
                        <li><a href="potolki.html"><span><span>НАТЯЖНЫЕ ПОТОЛКИ</span></span></a></li>
                        <li><a href="raznoe.html"><span><span>РАЗНОЕ</span></span></a></li>
                    </ul>
                    <div class="l">
                    </div>
                    <div class="r">
                        <div>
                        </div>
                    </div>
                </div>
                <div class="Header">
                    <div class="logo">
                    </div>
                </div>
                <div class="contentLayout">
                    <div class="sidebar1">
                        <div class="Block">
                            <div class="Block-body">
                                <div class="BlockHeader">
                                    <div class="header-tag-icon">
                                        <div class="BlockHeader-text">
                                            контакты
                                        </div>
                                    </div>
                                    <div class="l"></div>
                                    <div class="r"><div></div></div>
                                </div>
                                <div class="BlockContent">
                                    <div class="BlockContent-tl"></div>
                                    <div class="BlockContent-tr"><div></div></div>
                                    <div class="BlockContent-bl"><div></div></div>
                                    <div class="BlockContent-br"><div></div></div>
                                    <div class="BlockContent-tc"><div></div></div>
                                    <div class="BlockContent-bc"><div></div></div>
                                    <div class="BlockContent-cl"><div></div></div>
                                    <div class="BlockContent-cr"><div></div></div>
                                    <div class="BlockContent-cc"></div>
                                    <div class="BlockContent-body">
                                        <div>
                                              <img src="images/contact.gif" alt="an image" style="margin: 0 auto;display:block;width:95%" />
                                        <br />
                                        <b>ООО "АКВАТОРИЯ"</b><br /><br />
                                        Набережные Челны,<br />Сармановский тракт, 44<br />(ЗЯБ 18/37а)<br /><br />
                                        <b>Тел: 8 (8552) 334687<br/>
                                        Факс: 8 (8552) 330026</b>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Block">
                            <div class="Block-body">
                                <div class="BlockHeader">
                                    <div class="header-tag-icon">
                                        <div class="BlockHeader-text">
                                            информация
                                        </div>
                                    </div>
                                    <div class="l"></div>
                                    <div class="r"><div></div></div>
                                </div>
                                <div class="BlockContent">
                                    <div class="BlockContent-tl"></div>
                                    <div class="BlockContent-tr"><div></div></div>
                                    <div class="BlockContent-bl"><div></div></div>
                                    <div class="BlockContent-br"><div></div></div>
                                    <div class="BlockContent-tc"><div></div></div>
                                    <div class="BlockContent-bc"><div></div></div>
                                    <div class="BlockContent-cl"><div></div></div>
                                    <div class="BlockContent-cr"><div></div></div>
                                    <div class="BlockContent-cc"></div>
                                    <div class="BlockContent-body">
                                        <div>
                                                          <p><img src="images\PostBullets.png" /> <b>МОНТАЖ</b><br />
                                                          У нас работают только квалифицированные специалисты по отоплению<br/>
                                                                <a href="info1.html">подробно...</a><br/><br/>
                                                          <img src="images\PostBullets.png" /> <b>СКИДКИ <sup>от 5%</sup></b><br />
                                                          При заказе систем отопления скидка <b>10%</b> на монтажные работы<br/>
                                                                <a href="info2.html">подробно...</a><br/><br/>
                                                          </p>
                                                          </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Block">
                            <div class="Block-body">
                                <div class="BlockHeader">
                                    <div class="header-tag-icon">
                                        <div class="BlockHeader-text">
                                            новости 
                                        </div>
                                    </div>
                                    <div class="l"></div>
                                    <div class="r"><div></div></div>
                                </div>
                                <div class="BlockContent">
                                    <div class="BlockContent-tl"></div>
                                    <div class="BlockContent-tr"><div></div></div>
                                    <div class="BlockContent-bl"><div></div></div>
                                    <div class="BlockContent-br"><div></div></div>
                                    <div class="BlockContent-tc"><div></div></div>
                                    <div class="BlockContent-bc"><div></div></div>
                                    <div class="BlockContent-cl"><div></div></div>
                                    <div class="BlockContent-cr"><div></div></div>
                                    <div class="BlockContent-cc"></div>
                                    <div class="BlockContent-body">
                                        <table width=154 border=0><a href='http://www.forexpf.ru/'></a><b><img src='images\PostBullets.png'/> КУРСЫ ВАЛЮТ<sup> on-line</sup></b><br/>ЦБ РОССИИ</td></tr><td></td><td><b><sub>Покупка</sub></b></td><td><b><sub>Продажа</sub></b></td></tr><tr bgcolor='#D2E9F6'><td><a href='http://www.forexpf.ru/chart/usdrub/'></a>USD/РУБ</td><td id='usdrubbid'>---</td><td id='usdrubask'>---</td></tr><tr bgcolor='#D2E9F6'><td><a href='http://www.forexpf.ru/chart/eurrub/'></a>EUR/РУБ</td><td id='eurrubbid'>---</td><td id='eurrubask'>---</td></tr><td></td></tr></table></tr></table><script src='http://www.forexpf.ru/_informer_/euusrub.php'></script>
					<br/><p><span><script src='http://news.yandex.ru/common.js'></script><script>m_index=false;</script><script src='http://news.yandex.ru/world3.js' type='text/javascript' charset='windows-1251'></script><script> str='<div class=yandex_title><b>НОВОСТИ<sup> Яндекс</sup></b></div>'; if ((aObj=eval('m_world')) && (aObj.length>0)){for (j=0;j<aObj.length;j++) { 
str+='<div><span class=yandex_news_title><a href='+aObj[j].url+'>'+aObj[j].title+'</a></span></div><div class=yandex_annotation>'+aObj[j].descr+'</div>';} str+='<div class=yandex_allnews><a href=http://news.yandex.ru>Все новости на '+update_time+' мск  >></a></div>';  document.write(str);}</script></p></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="Post">
                            <div class="Post-tl"></div>
                            <div class="Post-tr"><div></div></div>
                            <div class="Post-bl"><div></div></div>
                            <div class="Post-br"><div></div></div>
                            <div class="Post-tc"><div></div></div>
                            <div class="Post-bc"><div></div></div>
                            <div class="Post-cl"><div></div></div>
                            <div class="Post-cr"><div></div></div>
                            <div class="Post-cc"></div>
                            <div class="Post-body">
                        <div class="Post-inner">
                            <blockquote class="otop"><h2 class="PostHeaderIcon-wrapper">
                                <span class="PostHeader">ОТОПЛЕНИЕ</span>
                            </h2></blockquote>
                            <div class="PostContent">
				<table class="table" width="100%">
                                	<tr>
                                		<td width="33%" valign="top">
                                		<div class="Block">
                                			<div class="Block-body">
                                				<div class="BlockHeader">
                                					<!--div class="header-tag-icon"-->
                                					<div class="BlockHeader-text">
                                						<center>котлы отопления</center></div>
                                					<!--/div-->
                                					<div class="l">
                                					</div>
                                					<div class="r">
                                						<div>
                                						</div>
                                					</div>
                                				</div>
                                				<div class="BlockContent">
                                					<div class="PostContent">
                                						<img src="images/01.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                						<p>BAXI, Ferroli Junkers</p>
                                					</div>
                                				</div>
                                			</div>
                                		</div>
                                		</td>
                                		<td width="33%" valign="top">
                                		<div class="Block">
                                			<div class="Block-body">
                                				<div class="BlockHeader">
                                					<!--div class="header-tag-icon"-->
                                					<div class="BlockHeader-text">
                                						<center>радиаторы отопления</center></div>
                                					<!--/div-->
                                					<div class="l">
                                					</div>
                                					<div class="r">
                                						<div>
                                						</div>
                                					</div>
                                				</div>
                                				<div class="BlockContent">
                                					<div class="PostContent">
                                						<img src="images/02.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
                                						Quisque sed felis. Aliquam sit amet felis. Mauris semper, 
                                						velit semper laoreet dictum, quam diam dictum urna. </p>
                                					</div>
                                				</div>
                                			</div>
                                		</div>
                                		</td>
                                		<td width="33%" valign="top">
                                		<div class="Block">
                                			<div class="Block-body">
                                				<div class="BlockHeader">
                                					<!--div class="header-tag-icon"-->
                                					<div class="BlockHeader-text">
                                						<center>водонагреватели</center></div>
                                					<!--/div-->
                                					<div class="l">
                                					</div>
                                					<div class="r">
                                						<div>
                                						</div>
                                					</div>
                                				</div>
                                				<div class="BlockContent">
                                					<div class="PostContent">
                                						<img src="images/03.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
                                						Quisque sed felis. Aliquam sit amet felis. Mauris semper, 
                                						velit semper laoreet dictum, quam diam dictum urna. </p>
                                					</div>
                                				</div>
                                			</div>
                                		</div>
                                		</td>
                                	</tr>
                                </table>
                                    
                            </div>
                            <div class="cleared"></div>
                        </div>
                        
                            </div>
                        </div>
                        <div class="Post">
                            <div class="Post-tl"></div>
                            <div class="Post-tr"><div></div></div>
                            <div class="Post-bl"><div></div></div>
                            <div class="Post-br"><div></div></div>
                            <div class="Post-tc"><div></div></div>
                            <div class="Post-bc"><div></div></div>
                            <div class="Post-cl"><div></div></div>
                            <div class="Post-cr"><div></div></div>
                            <div class="Post-cc"></div>
                            <div class="Post-body">
                        <div class="Post-inner">
                            <h2 class="PostHeaderIcon-wrapper">
                                <span class="PostHeader">Who uses our products?</span>
                            </h2>
                            <div class="PostContent">
                                
                                    
                                   
                                  <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>. 
                                	Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. 
                                	Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. 
                                	Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. 
                                	Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. 
                                	Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. 
                                	Morbi imperdiet augue quis tellus.  <abbr title="Avenue">AVE</abbr></p>
                                  
                                    <blockquote>
                                        <p>
                                            “This stylesheet is going to help so freaking much.”
                                            <br />
                                            -Blockquote
                                        </p>
                                    </blockquote>
                                  <br />
                                  <table class="article" border="0" cellspacing="0" cellpadding="0">
                                  <tbody>
                                    <tr>
                                      <th>Header</th>
                                      <th>Header</th>
                                      <th>Header</th>
                                    </tr>
                                    <tr>
                                      <td>Data</td>
                                      <td>Data</td>
                                      <td>Data</td>
                                    </tr>
                                    <tr class="even">
                                      <td>Data</td>
                                      <td>Data</td>
                                      <td>Data</td>
                                    </tr>
                                    <tr>
                                      <td>Data</td>
                                      <td>Data</td>
                                      <td>Data</td>
                                    </tr>
                                  </tbody></table>
                                  
                                  <p>
                                        <a class="Button" href="javascript:void(0)">
                                          <span class="btn">
                                            <span class="t">Join Now!</span>
                                            <span class="r"><span></span></span>
                                            <span class="l"></span>
                                          </span>
                                        </a>
                                  </p>
                                    
                            </div>
                            <div class="cleared"></div>
                        </div>
                        
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cleared"></div><div class="Footer">
                    <div class="Footer-inner">
                        <div class="Footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                © 2010 - АкваТория</p>
                        </div>
                    </div>
                    <div class="Footer-background"></div>
                </div>
            </div>
        </div>
        <div class="cleared"></div>
        <p class="page-footer"><span id="openstat2092380"></span>
<script type="text/javascript">
var openstat = { counter: 2092380, image: 5007, next: openstat, track_links: "all" }; document.write(unescape("%3Cscript%20src=%22http" +
(("https:" == document.location.protocol) ? "s" : "") +
"://openstat.net/cnt.js%22%20defer=%22defer%22%3E%3C/script%3E"));
</script>
    </div>    
</body>
</html>
 

Вложения

Felix

Felix

Друг форума
Регистрация
20.06.2009
Сообщения
1 097
Код: 
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>

<li><a href="basseyni.html"><span><span>БАССЕЙНЫ</span></span></a></li>
<li><a href="landsaft.html"><span><span>ЛАНДШАФТ</span></span></a></li>
Зачем div и span по 2 раза пишешь?
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
1. Каждый IMG должен иметь атрибут alt:
Код: 
<img src="image.png" alt="картинко" />
2. Значения атрибутов пишутся в кавычках:
Код: 
<!-- неправильно: -->
<table width=154 border=0>
<!-- правильно: -->
<table width="154" border="0">
3. Вообще с этой таблицей разберитесь. Вероятнее всего там после TABLE пропущены теги TR и TD.
4. Тег SCRIPT требует обязательного атрибута type:
Код: 
<script type="text/javascript">...
5. Тег P требует закрывающего /P (см. строку 315)
6. Все скрипты рекомендуется сосредоточить в конце кода перед /BODY.

CSS - OK.

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

Удачи!
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
16
Всего посетителей
16
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 934
Сообщения
64 052
Пользователи
12 697
Новый пользователь
danil_old-web

Новые пользователи

Поделиться этой страницей

Верх Низ