<HTML>
<HEAD>
<TITLE>Таблицы, толщина рамки, ширина отступов</TITLE>
<script>
<!-—
function rset(obj)
{ document.all("itab").border=l
document.all("itab").cellSpacing=15
document.all("itab").cellPadding=10
obj.bor.value=l
obj.cells.value=15
obj.cellp.value=10
}
function set(obj)
{ document.all("itab").border=Number(obj.bor.value)
if (obj.cells.value!= "")
document.all("itab").cellSpacing=Number(obj.cells.value)
if (obj.cellp.value!= "")
document.all("itab").cellPadding=Number(obj.cellp.value)
}
//-—>
</script>
</HEAD>
<BODY background="fon1.jpg">
<H4 align=center>Таблицы, границы, ширина отступов</Н4>
<TABLE id="itab" border=l cellspacing=15 cellpadding=10
bgcolor=silver background="fon5.gif" align=center>
<TR>
<TD bgcolor=silver><A href="ruins.gif">
<IMG src="ruins.gif" border="0" width="120"></A></TD>
<TD bgcolor=silverXA href="sphinx.gif">
<IMG src="sphinx.gif" border="0" width="120"></A></TD></TR>
<TR>
<TD bgcolor=silver><A href="b04.jpg">
<IMG src="b04.jpg" border="0" width="120"></A></TD>
<TD bgcolor=silver><A href="b07.jpg">
<IMG src="b07.jpg" border="0" width="120"></A></TD></TR>
</TABLE>
Выберите значение параметров, которые требуется изменить,
и нажмите кнопку <В>Выполнить</В>
<FORM name="form1">
<PRE>
BORDER <input type="text" size=8 name=bor value=l> Толщина рамки
CELLSPACING <input type="text" size=8 name=cells value=15> Ширина промежутка между ячейками
CELLPADDING <input type="text" size=8 name=cellp value=10> Поля внутри ячейки
</PRE>
<input type="button" value= "Выполнить" onclick="set(form1)">
<input type="reset" value= "Обновить" onclick="rset(form1)">
</FORM>
</BODY>
</HTML>
Считается, что смежные ячейки таблицы имеют общую границу, однако, в HTML-таблицах по умолчанию между ячейками оставляется место. Для того чтобы казалось, что смежные ячейки имеют общую границу, надо установить параметр ceiispacing равным нулю.
Наиболее компактная таблица получится в случае, когда значения рассмотренных трех параметров равны 0. Тогда ячейки окажутся расположенными вплотную друг к другу. Если все ячейки таблицы содержат рисунки одинакового размера и эти рисунки требуется расположить вплотную друг к другу, то следует установить значения параметров равными нулю. Таблица примет вид как на рис. 3.11, если значения всех трех параметров задать равными нулю.