注目タグ

質問・疑問

トピック詳細

記事本文に画像を貼り付けると下線が表示される

記事本文に写真ではなく
素材のサイトからダウンロードした画像を貼り付けると
その画像の下にどうしても下線だけが入ってしまいます。

※マウスの矢印をその画像にのせると消えます。

初心者で表現がわかりずらく申し訳ありません!!
どなたか教えて頂けたら嬉しいです。

宜しくお願いします。



2010年10月17日 13:02  by chai

コメント一覧 5件中、1~5件表示

  • >標野ゆきさん。

    すごい!!!!!
    教えて頂いた通りに書き換えてみたら出来ましたぁ!!
    感動ですe-259

    まだ下書きの状態で公開前の為、
    実際にお見せできなかったのにも関わらず
    どういう状態かわからない中で解決法を教えて頂き
    本当に感激です!!
    私ひとりでは絶対に絶対に分からなかったです;-;
    尊敬してしまいます。

    こんな初心者にも丁寧に、そしてわかりやすく教えて頂いて
    本当にありがとうございました♪

    2010年10月18日 13:19 by chai

  • 入手経路や圧縮形式に違いがあったとしても画像は画像ですし
    アンダーラインが表示されたり されなかったりと言うのは腑に落ちませんね^^;

    そういえば 前回
    /* 記事本文中のリンク */
    .main_entry a {
    text-decoration:underline;
    }
    の部分を「flug10」テンプレートのCSS(スタイルシート)から引用したのですが
    (おそらくこちらがより新しいものと思われます)

    Rchaiさんが適用しておられるものでは
    /* 記事本文中のリンク */
    .main_entry a {
    border-bottom:1px solid #d7c7b5;
    }
    のようになっており、はっきり違っているようです。
    公開されたあとで 作者さんが改良されたのかもしれませんね。


    border-bottom:1px solid #d7c7b5;
    の部分を
    text-decoration:underline;
    に書き換えてみられるか
    テンプレートをダウンロードしなおせば、画像のアンダーラインは表示されなくなるかもしれません。


    私の環境で見る限りでは
    Rchaiさんのブログに表示されている画像の中に 不自然なアンダーラインが表示されているものは見当たらないので、実際に どんな風に表示されているのか、よくは判らないのですが、試してみる価値はあると思います。

    ちなみに
    テンプレートを編集される前には
    一度バックアップを取っておかれることをお勧めします。

    2010年10月17日 23:21 by 標野ゆき

  • >標野ゆきさん
    >Rinaさん

    すぐにご返答頂き、
    ありがとうござぃました!!

    よく確認してみたら、
    “リンクが貼ってあるテキストにアンダーラインを表示”
    という状態と全く同じ状態でした。

    写真ではこういった事はないです。
    ダウンロードした素材のみ、こういう状態になってしまいます。


    やっぱりテンプレートの作りの問題なんでしょうか?
    もうちょっとよく確認してみます。
    ありがとうござぃました!!

    2010年10月17日 17:03 by chai

  • 写真の場合は表示されないのに
    他所からダウンロードした素材の場合にだけ
    アンダーラインが表示されるという事なのでしょうか?

    Rchaiさんが今借りておられるテンプレート「flug10」のCSSを参照しても
    画像に関する設定は

    img {
    border:0;
    }
    img.emoji {
    vertical-align:middle; /* 絵文字の表示位置ズレ補正 */
    }

    この二つくらいしか見当たらないんですよね。
    どちらもアンダーラインを表示する指示ではありません。
    ちなみに border:0; というのは「罫線を表示しないように」という指示です。


    そのほかに
    アンダーラインに関する指示といえば
    スタイルシートのちょうど真中あたりにある

    /* 記事本文中のリンク */
    .main_entry a {
    text-decoration:underline;

    ▲この指示くらいでしょうか。

    もっともコレは
    リンクが貼ってあるテキストにアンダーラインを表示するための指示なので
    画像には関係ないように思えます。


    どんな場合にアンダーラインが表示されるのか
    今一度 確認されたほうが良いのではないかと思います。

    使っておられるブラウザのリンク表示設定がどうなっているのかも
    一度確認してみてくださいね。

    2010年10月17日 15:55 by 標野ゆき

  • それはテンプレートがそういゆう作りになっているからだと思います。
    テンプレートを変えれば、なくなると思いますよ^^
    (作者が違うほうが良いと思います)

    2010年10月17日 13:48 by