私は手動でコード化されたサイト @ hartbro.com を持っています。サイトの一部はブログで、そこには写真が含まれています。問題を引き起こしている画像の 1 つを囲む HTML コードを次に示します。
<a href="blogcontent/090811.jpg" class="img">
<img src="blogcontent/090811.jpg" alt="Downed trees" width="25%" class="floatright" /></a>
The storm left as quickly as it came. The sky cleared up and we were glad that the oppressive heat had let up.
私が気付いたのは、複数の画像を含む一部のブログ エントリで、2 番目の画像が本来のように浮かんでおらず、テキストがその周りを囲んでいることです。私が持っているいくつかの CSS との何らかの競合が問題の原因であると考えていますが、それが何であるかを理解することはできません。
FF と IE ではどのように動作するかわかりませんが、Chrome や Safari では動作しませんか??
関連するすべての CSS を次に示します。他に何か必要な場合はお知らせください。前もって感謝します。
img{
margin:10px;
}
img.floatleft{
float:left;
}
img.floatright{
float:right;
}