解決済
すみません、また教えてやって下さい。
自前のバナ-を綺麗に並べたいのですが、どうしてもくっつてしまいます。
ブログのサイド最下部にライブドアブログ関連のバナ-が並んでいます。先日、チェッカーズに登録とReaderに登録を削除。ここに自前のブログバナ-を置いてみたのですが、下のBlogProのバナ-と隙間無くくっ付いちゃうのです。これを等間隔で縦に綺麗に並べたいのですが、できるでしょうか？因みに書き込んだ内容は次です。
<a href=" ; target="_blank"><img src=" 〇〇〇/imgs/d/0/d0a92bcf.jpg" width="117" height="28" border="0" alt="snufkins-banner"></a>
回答(1)
1.
画像タグに「vspace="5"」と書き足す方法があります
vspaceは、上下の余白を指定するタグです
数値は、お好みで調節してください
<a href=" ;; target="_blank"><img src=" 〇〇〇/imgs/d/0/d0a92bcf.jpg" width="117" height="28" border="0" alt="snufkins-banner" vspace="5"></a>
こんな感じです
左右のスペースは「hspace」になります
他にもやり方はあるのですが、とりあえず一番簡単そうな方法です
svさんにはなにか毎回お世話になりっぱなしで
本当に感謝します。m(__)m
コメント(8)
下手にライブドア関連の物を消さない方が余計な誤解を招きますよ。サポートセンターにメールして「消していいですか？」と一度聞いてみてください。
svさん、いつもすみません。ありがとうです。
vspaceの微調整でなんとか綺麗に並びそうです。
ただ、なぜか自前バナーだけにリンクのスタイルが
付いてしまって、太い枠とマウスをのっけたときの
変化があります。
どうも素人考えですがその上記にある
<div id="links"> <div id="banner">が影響してる
のだと思うのですが、他のバナーと同じclass
を記述してもどうしてもこれだけにリンクスタイルが‥。
すみません、分かるでしょうか？
<img>タグに、「border=0」を足すと、枠線は消えると思います＾＾
マウスを乗っけたときの変化とは、どのような感じですか?
svさん、すみません。
既にborder="0"は<img>タグ中にあるのですが、
こうなっちゃうんです。
ブログを実際見ていただけますか？はやいので。
http://snufkin.livedoor.biz/
あ、それとブログバナーには<div class="powered">が
RSSには<div class="syndicate">が付いています。
HTMLは殆ど素人なのですみません。（←じゃ～カスタマイズなんてするな！て話しなんですが^^;）
調べてみると、classはIDとともに任意の範囲にスタイルを設定する、とあります。この其々のclassは｢カスタマイズ｣のcssの中に関連するスタイルがどこかにあって‥それが影響している？のでしょうか？
自前のバナーにはこのclassはどう記述すればよいのでしょうか？
確認したところ、タグに入っているスペースが原因ぽいです
height="28" border="0" alt="snufkins-banner"
ここのスペースが両方とも「全角スペース」なので、borderもaltも反映されていないようです
ここを「半角スペース」に直してみてください＾＾
ちなみに自前のバナーにclassを指定したいときは
<div class="クラス名">バナー</div>
というように囲み、
CSSに
.クラス名{}
と記述します
すると、｛｝内で指定した内容が、バナーに反映されます
svさん、ありがとう。
ご指摘のお通り原因は全角でした。情けないです。
目的どおりなことが出来きてるので、改めてclass
のcss設定はしませんでしたがまたひとつ勉強になりました。
いつも大事なお時間をさいて頂き感謝します。m(__)m。
