-1

私はCSS / HTMLにかなり慣れていませんが、通常は何かを理解できます. ただし、この問題はありません...修正するのに2日間費やしましたが、喜びはありませんでした

WP 3.9.1 と WooThemes Mystile を使用して、変更を加えるためのカスタム css が付属しています。子テーマは必要ありません。左揃えを使用してキャプション付きの画像をページに配置すると、一部の人は積極的に拒否します。古い W​​P では、行を作成するために常にすべての画像を揃えていましたが、3.9.1 ではそうではないようです。考えられる限りのことを試してみましたが、左に配置されるはずの画像が実際には中央から右に配置されています。

Firebug または Safari Inspector を使用して、それらを左に揃えようとしましたが、負の margin-left を使用しても、画像が属する場所に配置されません。より適切な用語がないため、ある種の改ページがあるようで、中央から右に設定されています。ポジションが残っていると思うように。

ギャラリーやプラグインは使用していません。画像ではなく、テキスト ボックスにキャプションを付けてページに画像を追加するだけです。ストアの下にある私のギャラリーのほとんどは混乱しています。:(

以下にその例を示します。トスカーナ ギャラリーほとんどのギャラリーで、2 つの横長または 3 つの縦長の写真が必要です。画像の数が奇数の場合、1 ～ 3 枚の画像を中央に配置することがありますが、ほとんどは左揃えです。

どんな助けでも大歓迎です！ありがとう！

Re: 本体の CSS コード

いくつかの色の変更と、さらに div#attachmet_number (すべてが必要だとは思わなかった) がありますが、これで終わりです。

:active, :focus { 
outline-style: none !important; 
-moz-outline-style:none !important; 
}

a {
outline-style: none;
-moz-outline-style: none;
}

a:before {
outline: none !important;
}


a:imag { 
outline: 0px none; 
}

#sidebar .post-46 {
display: none !important;
}

article.post-46 img.alignleft {
margin: 0 1.618em 1em 16px;
} 

.post .alignleft, .type-page .alignleft {
margin-bottom: 50px;
}


.post-282 .wp-caption img, .type-page .wp-caption img {
margin: 0 0 0 0.4em;
}


div#attachment_283 {
margin-left: 42px;
}

div#attachment_286 {
margin-left: 42px;
}

div#attachment_291 {
margin-left: 42px;
}

それが必要かどうかはよくわかりません。div#attachment_number は、その下にキャプション (タイトル) があるボックス内の画像です。

キャプション付き画像のHTML

[caption id="attachment_516" align="alignleft" width="407"] ピサのドゥオーモ[/caption]

4

1 に答える 1

0

上記の質問に対するコメントに従って、4 番目の写真 (秋のドライブ) が 2 番目の写真 (ドゥオーモ ディ ピサ)の下端によって右に押し出されています。

ここに画像の説明を入力

HTML の各 div に特定の幅を追加したようです。各 div に特定の等しい高さを追加すると、それらが整列し、下の div が左に浮くようになります。

ここに画像の説明を入力

より理想的なのは、CSS で横向きの div のクラスを宣言し、そこで均一な幅と高さを定義し、そのクラスをすべての横向きの div に割り当てることです。そうすれば、その幅と高さを 1 か所で簡単に変更でき、そのクラスが割り当てられているすべての div に適用されます (複数のクラスを 1 つの div に割り当てることができますclass="landscape framed dark"。たとえば、スペースで区切るだけです)。

于 2014-07-18T23:05:25.220 に答える