Цитата
Habetdin:
Используйте свойство padding-bottom
[решено] Раздвоение картинки
Вставил код вот сюда:
Код:
Но как сделать отступ не от текста, а от картинки?
Цитата
Habetdin:
Можно попробовать явно определить иное значение для основной части страницы:
Код:
body { font-size: 12pt; }
[решено] Раздвоение картинки
Покажите пожалуйста на примере, а то я разобраться не могу. Не только шрифт, но и картинка отображается в обоих случаях одна и та же.
Цитата
Habetdin:
Увидел её в Вашем коде и заменил её на заглушку за неимением оригинала:
[решено] Раздвоение картинки
Понятно. А почему она не отображается в браузере? (Хотя она и не нужна).
img/3.jpg
img/6.jpg:
HTML код:
Код: Выделить всё
<!--- основная таблица -->
<html>
<head>
<meta charset="utf-8">
<title>Эксперименты с таблицей</title>
<style>
table.main {
width: 513px;
height: 78px;
background-image: url(img/3.jpg);
background-repeat: no-repeat;
border-spacing: 0px; /* аналог cellspacing */
border: 0px;
padding-bottom: 70px;
}
table.main td {
padding: 0px; /* аналог cellpadding */
font-size: 9pt}
</style>
</head>
<body>
<!--- основная таблица -->
<table class="main">
<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>
</body>
</html>
<!--- основная таблица -->
<html>
<head>
<meta charset="utf-8">
<title>Эксперименты с таблицей</title>
<style>
table.main {
width: 513px;
height: 118px;
background-image: url(img/6.jpg);
background-repeat: no-repeat;
border-spacing: 0px; /* аналог cellspacing */
border: 0px;
}
table.main td {
padding: 0px; /* аналог cellpadding */
}
</style>
</head>
<body>
<!--- основная таблица -->
<table class="main">
<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>
