- 2007-11-30 (Fri) 23:54
- web
メインサイトのSEO対策としてHTMLのスマートさを目指し、デザイン面はCSSにできるだけ組み込んでいくようにしてみました。
一番気になったのがよく使っていた TABLE タグで、これをいかにリストタグに置き換えて、CSS でバランスよく配置していくか。
これができれば、HTML はかなりすっきりシンプルになると思ったのですが・・・
まあやってみると、基礎的なことが理解し切れていない悲しさか、商品画像と説明文が右へ行ったり左に行ったり、上になったり下になったり、はたまたくっついたり離れたりと、どれもこれも自由奔放に動き回ってしまいました(^^;
Firefox で調整してなんとかなったと思っていると、こんどはIE で表示がかぶってみたりとんでもなく離れてみたりするし。
結局、それぞれ入れ込む幅と高さをしっかり指定して、margin で調整していくことでなんとか思ったような配置に表示させることができました。
一番気になったのがよく使っていた TABLE タグで、これをいかにリストタグに置き換えて、CSS でバランスよく配置していくか。
これができれば、HTML はかなりすっきりシンプルになると思ったのですが・・・
まあやってみると、基礎的なことが理解し切れていない悲しさか、商品画像と説明文が右へ行ったり左に行ったり、上になったり下になったり、はたまたくっついたり離れたりと、どれもこれも自由奔放に動き回ってしまいました(^^;
Firefox で調整してなんとかなったと思っていると、こんどはIE で表示がかぶってみたりとんでもなく離れてみたりするし。
結局、それぞれ入れ込む幅と高さをしっかり指定して、margin で調整していくことでなんとか思ったような配置に表示させることができました。
- Newer: HTML,CSS チェック
- Older: きなこ餅
Trackback : No Trackbacks
- TrackBack URL for this entry
- トラックバックの際は上記 URL をクリック、コピーしてご利用ください。
- リストタグとCSS で商品画像を配置 from ChaBlog