FC2ブログ

無料新規登録

テンプレート・プラグイン

画像枠の指定解除について

旧フォーラムの記事です　http://blog.fc2.com/forum/viewtopic.php?f=3&t=226
ぼんちゃん　2005-04-10 05:37:02
件名　：画像枠の指定解除について

おはようございます。
画像枠の指定解除について、色々と調べたのですが
知識不足で良い方法を判断できなくて頭の中がぐちゃぐちゃです…。

基本的には、この設定で問題ないのですが、
テーブルに画像を挿入する場合には装飾が邪魔になりますし
広告によっては1pxの枠がついていることもあり困っています。

●img全体に、画像枠を適用するのではなく
「画像枠をつけるもの（基本）」と「つけないもの（一部）」に分ける場合は
どのように指定するのが良いのでしょうか？

http://overlimit.blog6.fc2.com/

使用しているテンプレートはsanyou-gray3です。
以下は、変更するべき（違うかも？）CSSの抜粋です。

/* 画像の装飾 */
.mainEntryBase img{
float: left;
margin:0px 10px 0px 0px;
padding: 3px;
background-color: #CCFFCC;
border-right-width: 1px;
border-bottom-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #999999;
border-bottom-color: #999999;
}

by FC2スタッフ  2005年04月10日 05:37
by FC2スタッフ
2005年04月10日 05:37

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

  • 旧フォーラムの記事です
    Anonymous　2005-04-10 22:04:56
    件名　：見ていただいてありがとうございます。

    画像サイズが記事部分に設定したwidthを超えないように気をつけて下さい。


    了解です、ご丁寧にありがとうございました！
    できてみれば簡単な質問だったな…もっと勉強します(ﾟｰﾟ;A
    by FC2スタッフ  2005年04月10日 22:04
    by FC2スタッフ
    2005年04月10日 22:04
  • 旧フォーラムの記事です
    CFDN　2005-04-10 21:17:41
    件名　：

    特に問題ないと思いますよ。
    取りあえず、borderとpaddingを設定した場合、レンダリングの標準モードと後方互換モードでwidthの値が変化しますので、画像サイズが記事部分に設定したwidthを超えないように気をつけて下さい。

    普通に使っていれば大丈夫だと思いますが、幅が大きい画像を扱う際は注意して下さい。
    by FC2スタッフ  2005年04月10日 21:17
    by FC2スタッフ
    2005年04月10日 21:17
  • 旧フォーラムの記事です
    Anonymous　2005-04-10 13:14:53
    件名　：CSS変更してみました。

    CFDN様、返信ありがとうございました。
    何となくイメージがまとまったので、CSSを変更してみました。
    CSSを見せていただいて、他の疑問点もかなり解消されました。ありがとうございます！

    これで問題ないのでしょうか？
    「こうしたほうがいい」などありましたらご意見ください。

    変更した結果、思い通りに表示してくれてますが、この2点が自信ありません…
    ・imgにクラスをつけたかったのですが、こんな感じで良いのか。
    ・marginとpaddingは、あわせたほうが良いのか。

    /* 画像の装飾 */
    .mainEntryBase img{
    margin:0px 1px 0px 0px;
    padding: 3px;
    }
    img.pics{
    float: left;
    margin:0px 10px 0px 0px;
    padding: 3px;
    background-color: #CCFFCC;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
    }
    by FC2スタッフ  2005年04月10日 13:14
    by FC2スタッフ
    2005年04月10日 13:14
  • 旧フォーラムの記事です
    CFDN　2005-04-10 10:36:47
    件名　：

    img全体としては装飾を全てクリアし、必要な画像に対してだけクラスを付加して下さい。

    回り込みも行っているようですので、参考になるか解りませんがウチのHTMLソースとCSSソースでもどうぞ。

    <a class="postlink" href="http://cfdn.blog1.fc2.com/">http://cfdn.blog1.fc2.com/</a>
    <a class="postlink" href="http://blog1.fc2.com/c/cfdn/template/skin07/style.css">http://blog1.fc2.com/c/cfdn/template/skin07/style.css</a>

    必要な画像に対してclassを与えています。その辺がポイントです。
    ソースみてimgタグを見比べてみて下さい。
    by FC2スタッフ  2005年04月10日 10:36
    by FC2スタッフ
    2005年04月10日 10:36

4件中、1～4件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.