ライブドアブログのカスタマイズ【画像が浮くので一直線に並べたい】

このQ&Aのポイント
  • 記事本文の下側にカテゴリーやタグ、コメントなどを置くようにレイアウトをしました。
  • その横に並ぶように「AddClips」「ランキングバナー」「ライブドアクリップ」を配置したのですが「ランキングバナー」だけが上に浮いてしまいます。
  • ランキングバナーの画像が浮かないようにするにはどこの部分を書き直せば良いでしょうか。
回答を見る
  • ベストアンサー

ライブドアブログのカスタマイズ【画像が浮くので一直線に並べたい】

記事本文の下側にカテゴリーやタグ、コメントなどを置くようにレイアウトをしました。 その横に並ぶように「AddClips」「ランキングバナー」「ライブドアクリップ<$ArticleToolBox$>」を配置したのですが「ランキングバナー」だけが上に浮いてしまいます。 ランキングバナーの画像が浮かないようにするにはどこの部分を書き直せば宜しいでしょうか。 カスタマイズは(デザインのカスタマイズ)>(トップページ)の欄に以下のように記入しています。 ------------------------------------------------------ 【 AddClips Code(javascript)】【<A HREF="ランキングURL"><img src="画像URL" border="0"></A>】【<$ArticleToolBox$>】 ------------------------------------------------------

質問者が選んだベストアンサー

  • ベストアンサー
  • 756co
  • ベストアンサー率79% (162/203)
回答No.1

ランキングバナーが浮いているように見えるのは、 そこが透過されているだけで、もともとそのサイズ(縦)だということはありませんか? 画像のサイズを調べてみてください。 それか、スタイルシートでimgタグに何かしら設定されている可能性もあります。

rutyka
質問者

お礼

756co様 ご回答いただきましてありがとうございます。 ランキング画像は自作しておりまして、左横の「AddClips」の隣に並べるつもりで同じ高さに作りました。 説明不足で申し訳ありません。 imgタグに関しては上記の通りで、 border="0"しか指定しておりませんがもう一度チェックしようと思います。 有難うございました。

rutyka
質問者

補足

:記入漏れです: スタイルシートのimgタグなど、隅々までチェックしたいと思います。 取り急ぎお礼まで。失礼しました。

関連するQ&A

  • ライブドアブログ個別記事カスタマイズについて

    ブログランキングに参加してみたので、 記事の最後におもしろかったら クリックしてくださいと バナーと共に 毎回載るように 記事をカスタマイズしたかったので、 調べて ↓のように設定したのですが、 設定画面でのプレビューでは 表示されても 実際に記事を投稿するときのプレビューでは 表示されません。 どうしてでしょうか? ブログ設定のデザインカスタマイズの個別記事ページを修正した。 <IfArticleBodyMore><a name="more"></a><div class="article-body-more"><$ArticleBodyMore$></div></IfArticleBodyMore> を ↓のように <IfArticleBodyMore><a name="more"></a><div class="article-body-more"><a href="http://game-blog-ranking.com/ranking_84_1_MHF%E6%94%BB%E7%95%A5.html" target="_blank"><img src="http://farm4.static.flickr.com/3318/3554754065_1b4f6538cd.jpg?v=0" alt="MHF・攻略ブログ" border="0"></a>←クリックしてくれると嬉しいです<BR> <$ArticleBodyMore$></div></IfArticleBodyMore>

  • Myブログのバナーの作り方・・・

    自分のブログのバナー画像を作るにはどうやったらいいですか?? ちなみに他人のバナーを自分のブログに貼り付けるときは、 <A HREF="サイトアドレス" TARGET="_blank" title=""><img src="画像URL" border="0" width="200" height="40"></A> で貼り付けてます。 サイトアドレスを自分のブログURLにして・・・画像は???  あともう少しです・・・

  • FC2ブログカスタマイズ リンク文字間の間隔について

    記事中のカスタマイズで質問いたします 画像バナーに文字を回り込ます場合は <a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0"align="left"style="padding-right:20px;" ></a>文字をココに入れる<br clear="all"> で使用しております このソースの場合画像と文字の間隔はstyle="padding-right:20px;" の部分で調整します 判らないのは画像バナーではなくテキストバナーの間隔を自由な数値で放して同じ行中で設置する場合はどのようにするのでしょうか? キーボード操作でスペースを空けても単なる文章と違い間隔は空きませんしソースとソースの間に&nbsp;を入れてもほんの少し離れるだけです。 最初に提示しましたソースに画像URLでは無くテキストバナーのURLを入れたりしてみましたが上手く行きません スタイルシートをいじらないで各部分で使いたいのですが 教えていただけますでしょうか?

  • FC2のバナーの設置について

    FC2のブログの初心者です。よろしくお願いします。 FC2のブログランキングのバナーを設置したいのですが本気でわかりません。 バナーをアップロードしそれを自身のブログにはりつけることはできましたが <a href="リンク先URL"><img src="先ほどコピーした画像のURL" style="border:0px;"></a> ↑これをどこに貼り付けたらいいのかがさっぱりわかりません。 申し訳ありませんがご教示くださいませ。

  • バナーの貼り方

    こんにちは ブログのサイドバーにバナーを貼るのに <a href="リンク先のURL"><img src="バナーgifのURL" border=0></a> の様な感じで貼って下さい と教えられたのですが、 バナーgifのURL とはどこでみるのでしょうか? また普通のjpg画像はバナーにできないのですか? よろしくお願いします。

  • FC2ブログで。。

    最近FC2でブログを始めました。 今分からなくて困ってる事が2つあります・・・ (1)長い日記を書くことが多いので、ブログの表示の仕方を、 日記を全部表示するのではなく、「もっと記事を読む」を押したら全部表示される・・・ という風にしたいと思っています><; しかし、管理画面で色々探したのですが、このように変更できるとこが見つけられません;; (2)あと、バナーを貼って、そこを押したらリンクして飛ぶようにしたいと思っています。 調べていたら、 <a href="リンクしたいURL" target="_blank"><img src="バナー画像のURL" border="0"></a> をHTMLに入れると書いてあったのですが、この中の、「バナーの画像のURL」というのが良く分かりません; 画像で保存してるのに、URLはあるんでしょうか?? (1)、(2)どちらかだけでも良いので、どうか分かる方教えてください!お願いします。。

  • ヤプログ 画像リンクができない

    ヤプログを利用しています。 スキンを作るため、素材屋さんへのリンクを貼りたいのですがバナーの画像が表示されなくて困っています。リンクはできているのですが添付してある画像のようになってしまいます。 タグは↓です。 <a href="リンク先URL" target="_blank"><img src="画像のURL" alt="" border="0"></a> どこか違っているのでしょうか…。 御手数ですが、なるべく詳しく、わかりやすく教えていただけますでしょうか。 よろしくお願い致します。

  • バナーの画像がblogで表示されない

    HPを開設し、ブログにリンクするようにしています。 HPのバナーを創ったので、HP内のリンクページに貼りました。 こちらは何とかうまくいったのですが、 blogの方が、画像が出ません「×」になっています。 タグは以下です。これでHP内は見えます。 (1)どんな原因が考えられるでしょうか。 (2)img srcのところ、「..」でなく先のURLにすると画像がグレーになります。なぜでしょうか? <a href="URL"><img src=" ../images/banner.gif" width="88" height="31" alt="テキスト" /> なお、別のブログ検索サイトのバナーは、そこが用意していたタグを 貼り付け、簡単にできました。よろしくお願いします。

  • 忍者ブログでの画像の挿入について。

    メールや、通常投稿で画像を挿入した際に <a target="_blank" href="画像のURL.jpg"><img border="0" alt="" src="http://file.○.blog.shinobi.jp/Img/1234567890/" /></a> と挿入されるのですが、常にサムネイルなどを使わないで、 <img src="画像のURL.jpg"> と、画像を挿入することはできないでしょうか…。 サイムネイルなどが毎回出来て困っているのですが…。 出来ればリンクも外したいですが、あってもかまいません。 とりあえずhttp://file.○.blog.shinobi.jp/Img/1234567890/の部分を直接画像のURLにしたいのです。 一通り設定等は確認したのですが、知識は乏しいので、解決方法がお分かりになる方いらっしゃいましたらご回答お願いいたします><

  • 画像の右横にできたスペースを消したい

    ブログのメニューの右横にスペースがあって見栄えが良くありません。そのスペースの場所にリンクや画像を貼っているわけではないのですが、どうしたらそのスペースを削除できるんでしょうか? 一応、メニューに使っているHTMLを載せておきます。何か間違っていましたらご指摘お願いします。 <div id="top"><P align="left"><A href="メニュー1のリンク"><IMG src="メニュー1の画像" align="middle" border="0"></A><A href="メニュー2のリンク"><IMG src="メニュー2の画像" align="middle" border="0"></A><A href="メニュー3のリンク" target="_blank"><IMG src="メニュー3の画像" align="middle" border="0"></A><A href="メニュー4のリンク"><IMG src="メニュー4の画像" align="middle" border="0"></A><A href="メニュー5のリンク"><IMG src="メニュー5の画像" align="middle" border="0"></A><A href="メニュー1のリンク"><IMG src="メニュー6の画像" align="middle" border="0"></A></p></div>