投稿記事の画像周囲に余白を設定したい

  • zen73

    (@zen73)


    12年、 9ヶ月前

    投稿記事の画像周囲に枠線と余白を設定しようとしています。

    .alignleft {
	float: left;
	padding: 2px;
	border: 1px solid #A9A9A9;
	margin-right: 10px;
	margin-bottom: 10px;
}

    枠線は表示されたのですが，画像周囲の余白がされず，どうしたものかと悩んでいます。
    余白の設定はどのようにするのでしょうか。ご教授願います。
    使用テンプレート
    作成中のサイト

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック投稿者 zen73

    (@zen73)

    12年、 9ヶ月前

    余白の設定について
    img .alignleft{ … }
    なども試してみたのですがだめでした。そこで，投稿の編集－詳細画像設定ースタイルで
    margin-right:10px;margin-bottom:10px;
    とするとうまくいくので，これでもいいのですが，画像挿入のたびに手間がかかってしまいますので，style.CSSでの記述方法を模索しています。

    nobita

    (@nobita)

    12年、 9ヶ月前

    style.cssの　1136行くらいに、同じ.alignleftがあるためでは

    トピック投稿者 zen73

    (@zen73)

    12年、 9ヶ月前

    nobitaさん，ありがとうございます。
    たしかにありますが，コメントアウトしていますので・・・。
    この部分を削除してはみましたが余白はできませんでした。

    nobita

    (@nobita)

    12年、 9ヶ月前

    こんにちは

    444行目の　#content .box_out img　あたりも、.alignleftより詳細度が高いです

    余談なんですけど、.alignleft というCSSクラスは、WordPressのテーマが必ずもっていなければならないクラスで、必ず動作しなければならないクラスなんですが、テーマの作者の方は、その事に無関心みたいですね。

    以下のクラスも、ワードプレスが使うクラスなので、そのあたりの動作も確認しておいたほうがいいと思います。

    WordPressテーマが動作を保障すべきCSSクラス

    <strong>Alignment Classes:</strong>
.aligncenter
.alignleft
.alignright
<strong>Caption Related Classes:</strong>
.wp-caption
.wp-caption-text
.gallery-caption
<strong>Post Classes:</strong>
.sticky
Comment Classes:
.bypostauthor

    http://codex.wordpress.org/CSS#WordPress_Generated_Classes

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「投稿記事の画像周囲に余白を設定したい」には新たに返信することはできません。