バナー同士のスペース

(1)(2)
↑
たとえば上の１と２のようなバナーがあるとして、
(1)と(2)の間に　(1)　(2)のようにスペースをつける方法が
わかりません。。どうやったらできるでしょうか？

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2009/02/11 09:49

HTMLの趣旨からして、

・文字を画像で置き換えることは

　「テキストを画像に置き換えて表現する。」と仕様書では名指しされて批判されていること。14.1スタイルシート概説:仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

そして、リンクの間にスペースがないのは
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
10.5　ユーザーエージェント(支援技術も含む)が、隣り合うリンク部分をそれぞれ別のリンクとして明確に表現できるようになるまでは、隣り合うリンクの間に(両端をスペースで囲った)リンクしていない印刷可能な文字を入れる。[優先度3]
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0( http://www.zspc.com/documents/wcag10/#tech-divid … )］より

　とユーザビリティの上で問題があることを指摘しておきます。

　その上で、どうしてもなら「テキストを画像に置き換えて表現する。」を無視して、<a href="***"><img src="[URL]" alt="必ずリンク先のタイトルを書く"></a>□(全角スペースなど)<a href="***"><img src="[URL]" alt="必ずリンク先のタイトルを書く"></a>とする。

本来は、HTMLでは、
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
とマークアップして、CSSでバナーを並べて表示するように書くべきです。

この回答へのお礼

回答ありがとうございます＾＾うまくできました

お礼日時：2009/02/13 23:11

No.1 回答者： goldfox 回答日時： 2009/02/11 02:59

半角スペースでもわずかに空きは出来ます。

全角スペースなら連続で使えます。
と書いてもスペースになります。
でも一番いいのは、img（バナー画像）にcssのmarginで余白指定することです。
http://www.tagindex.com/stylesheet/properties/ma …

この回答へのお礼

ありがとうございます。なんとかできました＾＾

お礼日時：2009/02/13 23:12