基本的な HTML へのアクセスが制限されているカスタマー サービス スタッフとして、ハイライト アイテムの適切なページを作成するという私のスキルを超えたタスクが割り当てられました。 Chrome と IE で同じコンテンツをロードすると、別の問題が見つかりました。最善を尽くしましたが、問題の原因がわかりません...
最初に、私が望んでいたとおりに完全に表示されるように、Firefox のバージョンを確認することをお勧めし
ます
。 .)
IEでは丸角がなくなったのであまり気にしませんが…
- パディングがなくなった...
- 下のテーブルがぐちゃぐちゃに見える
- 画像の境界線に取り組む方法を見つけました。border=0 だけです
クロムでは、
- 上のセクションは問題ないように見えますが、下のテーブルのコンテンツは数ピクセル右に「シフト」しているように見え、中央にとどまりません
下のセクションの問題テーブルの正確なコードは次のとおりです。
<table class=highlightitem>
<tr>
<td height="200" valign="top" >
<center>
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank">
<img width=234 src="http://www.digitalbuydirect.com/edm/eDM20130516/TX30.png" /></a>
</center>
</td>
</tr>
<tr>
<td height="200" valign="top" >
<font class=product><B>some text</b></font><br><br>
<font class=content>some text</font><br>
<br>
<font class=pricehighlight><B>price</font><BR>
<font class=content><s>other price</s></font>
</td>
</tr>
<tr>
<td align="right" height="50" valign="bottom" >
<a href="http://www.digitalbuydirect.com/index.php?route=product/category&keyword=DSC-TX30" target="blank"><img src="http://www.digitalbuydirect.com/edm/achieve/shopnow_35.png" /> </a></td>
</tr>
</table>
そして最後に、マルチテーブルを使用して垂直位置を制御することでコードが複雑であることを知っています。ここでは CSS が私の友人ですが、クリック可能な URL を添付して右下隅にある「今すぐ購入」アイコンステーションを取得できませんでしたURLの表示ブロックを含むCSS背景画像が機能する可能性があることがわかりましたが、表示ブロックは少なくとも1文字を要求しているため、画像には余裕がありません。ヒントや方向性をいただければ幸いです。