как находить ошибки

ardjuna · April 20, 2008

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

пример

- Проверять все ли буквы кода на английском.

- все ли теги контейнеры закрыл.

-Наследуется ли стилевой параметр или нет.

И т. п.

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

Когда не знаешь откуда берется отступ, который ты нигде не прописал, или ты его убираешь через margin: 0px, а это не работает например:

<HTML>
<HEAD>
<TITLE>Сайт ////</TITLE>
<link rel="stylesheet" type="text/css" href="....s-tehlit.css">
</HEAD>
<BODY bgcolor="#ccffcc">
</BODY>
 <TABLE border="1" width="100%" bgcolor="#CCFF99" cellpadding="0">
 <TBODY>
 <TR height="50">
 <TD class="decoration" style="padding-left: 35px;" width="500"><A href="tehn-litera.ru" title="dfsggnsg." target="self">
<H3 class="title">ffffffffffffffffffff</H3>
 <H4 class="small_title" style="margin-left: 15px;">dfbaaaaaaaaaaaaa</H4><H4 class="small_title" style="margin-left: 20px;">fzdbdfzbdfbazb.</H4><H4 class="small_title" style="margin-left: 30px; color: #CC0000">Помощь</H4>
</A>
 </TD>
 <TD>
 <TABLE>
 <TBODY>
 <tr>
 <TD><A class="logo" href="toyota_center.ru" title="sdnnwnwr" target="_blank"><IMG src="images/черри.jpg" border="0"></A>
 </TD>
 </tr>
 </TBODY>
 </TABLE>
 </TD>
 </TABLE>
 <TABLE class="menu" cellspacing="0" bgcolor="333333" width="100%">
 <TBODY>
 <TR class="beltext">
 <TD class="menu" width="22%"><A href="www.tehn-litera.glavn.ru" title="Главная страница" target="_blank">
Главная</A>
 </TD>
 <TD class="menu" width="22%"><A href="www.tehn-litera.razdel.ru" title="Разделы" target="_blank">
Разделы
</A>
 <TD>
 <TD class="menu" width="17%"><A href="www.tehn-litera.novoe.ru" title="Новое" target="_blank">
Новое
</A>
 </TD>
 <TD class="menu" width="17%"><A href="www.tehn-litera.help.ru" title="Помощь" target="_blank">
Помощь
</A>
 </TD>
 <TD class="menu" width="22%"><A href="www.tehn-litera.Izbran.ru" title="Избранное" target="_blank">
Избранное
</A>
 </TD>
 </TR>
 </TBODY>
 </TABLE

стили :

body{
MARGIN: 0px
}

td.decoration a{
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px
}

table.menu {
 font-family: "Arial";
 font-size: 17px;
 border-top-style: none;
 margin: 0px;
}
tr.beltext a {
color: #ffffff;
text-decoration: none}

td.menu {border: 1px;
 border-right-color: #ffff00;
 border-right-width: 1px;
 border-right-style: dotted;
 border-left-color: white;
 border-left-width: 1px;
 border-left-style: dotted;
 border-bottom-style: none;
 padding-left: 77px;
 padding-top: 0px;
 padding-bottom: 3px; 
}


H3 {
 font-weight: bolder;
 font-size: 20pt; 
 font-family: monotype corsiva, Geneva, Arial, Helvetica, sans-serif
}



H4 {
FONT-WEIGHT: bolder; 
FONT-SIZE: 18px;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

A.logo {
margin-left: 70px;
margin-top: 0px;
margin-bottom: 0px
}

 .title {
FONT-WEIGHT: bold; 
FONT-SIZE: 22px; 
COLOR: #0000FF;; Font-style: italic;
 FONT-FAMILY: "Times New Roman", Times, serif;
 font-weight: 700;
}
.small_title {
FONT-SIZE: 14px; 
COLOR: #000066; 
FONT-STYLE: ITALIC;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-weight: 600;
MARGIN: 1PX 
}

Откуда берется отступ между

 <TD class="decoration" style="padding-left: 35px;" width="500"><A href="tehn-litera.ru" title="dfsggnsg." target="self">
<H3 class="title">ffffffffffffffffffff</H3>

и 

<H4 class="small_title" style="margin-left: 15px;">dfbaaaaaaaaaaaaa</H4><H4 class="small_title" style="margin-left: 20px;">fzdbdfzbdfbazb.</H4><H4 class="small_title" style="margin-left: 30px; color: #CC0000">Помощь</H4>
</A>

ведь прописан же 

.small_title {
FONT-SIZE: 14px; 
COLOR: #000066; 
FONT-STYLE: ITALIC;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-weight: 600;
[b]MARGIN: 1PX [/b]
}

td.decoration a{
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px
}
padding-top: 10px;
padding-bottom тоже не работает

Или может есть не привередливый гибридный html редактор, который может показывать все границы , рамки отступы , и другие внутренности страницы, (например c Dreamweaver возникают проблемы с отображением прописанной страницы(он показывает только фон , а другое куда-то исчезает, и ссылки проверяешь и теги вроде вс? нормально, а кроме фона увы ничего не видно) хотя ошибок он сам существенных не выявил.

Где взять, осуществить проверку на валидность на русском языке? А то на http://www.w3.org/ вс? на английском , а где осуществить валидацию и как неясно.

rus · April 20, 2008

А что вам мешает перевести страницу вот этим сервисом?

Dreamweaver все нормально показывает.

ardjuna · April 20, 2008

Спасибо большое. Про этот сервис не знал.

Sign In

как находить ошибки

Question

ardjuna

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

ardjuna

Link to comment

Share on other sites

Обсуждения

Forums

Important Information