Исходный HTML код при этом может выглядеть таким образом:


Листинг 1:HTML файл


<html>

<head>

<link rel="stylesheet"

href="templates/system/css/general.css" type="text/css" />

<link rel="stylesheet"

href="templates/{TEMPLATE}/css/template.css" type="text/css" />

</head>

<body bgcolor="#FFFFFF" text="#000000">

<table width="780" border="1">

<!– Section 1 –>

<tr>

<!– Part 1 –>

<td colspan="2" height="89" bgcolor="#F5C228">&nbsp;</td>

<!– Part 2 –>

<td width="178" height="120" rowspan="2" bgcolor="#FFCC33">

&nbsp; </td>

</tr>

<tr>

<!– Part 3 –>

<td colspan="2" height="33" bgcolor="#FFCC33">&nbsp;</td>

</tr>

<!– Section 2 –>

<tr>

<!– Part 4 –>

<td width="197" height="233" bgcolor="#F5EE28"> &nbsp; </td>

<!– Part 5 –>

<td width="389" height="233">&nbsp;</td>

<!– Part 6 –>

<td width="178" height="233" bgcolor="#FFFF33"> &nbsp; </td>

</tr>

<!– Section 3 –>

<tr bgcolor="#FFCC33">

<!– Part 7 –>

<td colspan="3" height="40">&nbsp;</td>

</tr>

</table>

</body>

</html>



Листинг 2: CSS файл


body {

font-family: Arial, Helvetica, Sans Serif;



6 из 30