Цитата lost8923142:
|
Не только шрифт, но и картинка отображается в обоих случаях одна и та же. »
|
У вас получился документ с близнецом внутри себя, браузеру никак не построить нормально обе таблицы, не говоря уже об отличиях между ними. Необходимо добавить вторую таблицу под первую в единый документ, а не плодить два содержимых
<body> друг рядом с другом
HTML код:
<html>
<head>
<meta charset="utf-8">
<title>Эксперименты с таблицей</title>
<style>
body {
font-size: 12pt;
}
table.main3 {
width: 513px;
height: 78px;
background-image: url(img/3.jpg);
background-repeat: no-repeat;
border-spacing: 0px;
border: 0px;
padding-bottom: 70px;
}
table.main3 td {
padding: 0px;
font-family: serif; /* стиль шрифта для визуального отличия */
font-size: 9pt
}
table.main6 {
width: 513px;
height: 118px;
background-image: url(img/6.jpg);
background-repeat: no-repeat;
border-spacing: 0px;
border: 0px;
}
table.main6 td {
padding: 0px;
font-family: sans-serif; /* стиль шрифта для визуального отличия */
font-size: 9pt
}
</style>
</head>
<body>
<h1>Первая таблица</h1>
<p>Имеет класс main3</p>
<table class="main3">
<tr>
<td height="6" colspan="2"></td>
</tr>
<tr>
<td width="10" rowspan="2"></td>
<td width="340" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" width="60" rowspan="2"> <img src="img/4.jpg" width="50" height="64"></td>
<td valign="top">
<nobr valign="top">
<font class="we">Aaaaaaaaaaaa</font>
</nobr>
</td>
</tr>
<tr>
<td valign="top">
<font class="wegrays">Aaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaa </font>
</td>
</tr>
</table>
</td>
<td width="30"></td>
<td valign="middle">
<table width="126" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<font class="wegray">
<br><a href="javascript:sw('camera')" class="wegray">aaaaaaaaaaaaaaa</a><br>
</font>
<font class="wered">
<img src="img/trg.gif" width="5" height="5" align="center"><a href="@r=2&p=1&a=camera" class="wered"> aaaaaaaaaaaaaaaa</a>
</font><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<h1>Вторая таблица</h1>
<p>Имеет класс main6</p>
<table class="main6">
<tr>
<td height="6" colspan="2"></td>
</tr>
<tr>
<td width="10" rowspan="2"></td>
<td width="340" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" width="60" rowspan="2"> <img src="img/4.jpg" width="50" height="64"></td>
<td valign="top">
<nobr valign="top">
<font class="we">Aaaaaaaaaaaaaa</font>
</nobr>
</td>
</tr>
<tr>
<td valign="top">
<font class="wegrays">Aaaaaaaaaaaaa aaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaa </font>
</td>
</tr>
</table>
</td>
<td width="30"></td>
<td valign="middle">
<table width="126" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<font class="wegray">
<br><a href="javascript:sw('camera')" class="wegray">Aaaaaaaaaaa aaaaaaaaa</a><br>
</font>
<font class="wered">
<img src="img/trg.gif" width="5" height="5" align="center"><a href="@r=2&p=1&a=camera" class="wered"> Aaaaaaaaaaaa aaaaaaaaaaa</a>
</font><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Цитата lost8923142:
|
А почему она не отображается в браузере? (Хотя она и не нужна). »
|
Из-за непонятного нагромождения элементов в коде документа. Если возникают проблемы с редактированием HTML-кода, может быть стоит попробовать онлайн WYSIWYG-редактор или тот же Microsoft Word?
