проблема с обтеканием
Проблема в отображении этого кода. В Google Chrome все показывает нормально: при большом разрешении рисунок и таблица с текстом на одной линии, а при маленьком рисунок над таблицей. В IE таблица налезает на рисунок. Как сделать, чтобы всегда было как в Chrome?
[HTML]<td width="80%" height="100%" valign="top">
<A href="..." target="_blank"> <IMG src="http://www...jpg" alt="..." height="27px" width="70px" align="right"></A>
<TABLE width="295" border="0"><TBODY><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></TBODY></TABLE>
AAA AAA AAA
</td>[/HTML]
[HTML]<td width="80%" height="100%" valign="top">
<A href="..." target="_blank"> <IMG src="http://www...jpg" alt="..." height="27px" width="70px" align="right"></A>
<TABLE width="295" border="0"><TBODY><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></TBODY></TABLE>
AAA AAA AAA
</td>[/HTML]
Это глюк самой Chrome
Цитата: oxford
Это глюк самой Chrome
opera тож так кажет, как хром
А сделать что-нибудь, чтобы IE так показывал можно? Разделитель какой-нибудь поставить? Или только по разным строкам таблицы разносить?
Не у меня же первого такая проблема.
Не у меня же первого такая проблема.
[HTML]
<table width=100% border=0>
<tr>
<td>
<TABLE width="295" border="0"><Tr><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></Tr></TABLE>
AAA AAA AAA
</td>
<td width="80%" height="100%" valign="top">
<A href="..." target="_blank"> <IMG src="http:\\...." alt="..." height="27px" width="70px" align="right"></A>
</td>
</tr>
</table>
[/HTML]
Попробуй так
<table width=100% border=0>
<tr>
<td>
<TABLE width="295" border="0"><Tr><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></Tr></TABLE>
AAA AAA AAA
</td>
<td width="80%" height="100%" valign="top">
<A href="..." target="_blank"> <IMG src="http:\\...." alt="..." height="27px" width="70px" align="right"></A>
</td>
</tr>
</table>
[/HTML]
Попробуй так
Спасибо за ответ.
Но идея была в том, чтобы при сужении окна таблица заныривала под картинку и в то же время при широком окне они были на одном уровне. Это получается само-собой в хроме, а в IE нет.
В общем понятно, что нужно поменять дизайн.
Но идея была в том, чтобы при сужении окна таблица заныривала под картинку и в то же время при широком окне они были на одном уровне. Это получается само-собой в хроме, а в IE нет.
В общем понятно, что нужно поменять дизайн.
[HTML]<td width="80%" height="100%" valign="top">
<A href="..." target="_blank"> <IMG src="...." alt="..." height="27px" width="70px" align="right" style="position:relative; z-index:1"></A>
<TABLE width="295" border="0" style="position:relative; z-index:0"><TBODY><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></TBODY></TABLE>
AAA AAA AAA
</td>[/HTML]
Прошу прощения, что сразу не понял задумки.:o Вам просто нужно разделить на "слои" изображение и таблицу посредством CSS параметра z-index, и задать позиционирование relative. надеюсь это вам поможет.:)
<A href="..." target="_blank"> <IMG src="...." alt="..." height="27px" width="70px" align="right" style="position:relative; z-index:1"></A>
<TABLE width="295" border="0" style="position:relative; z-index:0"><TBODY><TD><P><FONT face="Arial" color="#000080" size="5"><b>AAA AAA AAA</b></FONT></P></TD></TBODY></TABLE>
AAA AAA AAA
</td>[/HTML]
Прошу прощения, что сразу не понял задумки.:o Вам просто нужно разделить на "слои" изображение и таблицу посредством CSS параметра z-index, и задать позиционирование relative. надеюсь это вам поможет.:)