こんにちは。
コードの提示がされていないので、具体的な回答ができません。
アイキャッチ画像を表示させている部分を適当なタグで囲ってクラスをつけてCSSで処理してください。
ご連絡有難うございます。
すみません、素人なものでgatespace様のおしゃっている内容も
よくわからない状態です。
CSSファイルのそれらしい場所を表示しましたが
いかがでしょうか。
レベルが低すぎて申し訳けありませんがよろしくお願いします。
/*画像の指定*/
img.bordered {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
}
img.left {margin: 0 15px 12px 0;}
img.right {margin: 0 0 15px 12px;}
/*Floats*/
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer {
display: block;
font-size: 0;
line-height: 0;
}
すみません。
この辺のあたりでしょうか。
お手数ですがよろしくお願いします。
/*それぞれの記事をBOXで囲む*/
div.box1 {
width: 532px; /* ボックスの幅 */
border-top:dashed 1px #cccccc;
border-bottom:dashed 1px #cccccc;
margin-top:10px;
margin-bottom:50px;/*ボックスの下に少しスペースを空ける*/
padding-top:10px;
padding-left:5px;
padding-right:8px;
padding-bottom:10px;
}
/*記事の見出しの文章をBOXで囲む*/
div.box2 {
width: 527px; /* ボックスの幅 */
height:220px;
border:dashed 1px #cccccc;
margin-top:30px;
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
padding-top:10px;
padding-left:8px;
padding-right:8px;
padding-bottom:10px;
}
div.box2 p {
margin-top: 15px;/*文字の上に少しスペースを空ける*/
margin-left: 10px;/*文字の左に少しスペースを空ける*/
}
div.box2 p img{
float:left;/*文字が写真の右側に回り込むように指定*/
margin-top:3px;
margin-left:0px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
ですからね、CSSのコードのみでは無理ですってば。
実際に投稿サムネイルを表示している場所のコードを提示してもらわないと。
gatespace様
なんとか自力で解決できました。
どうも有難うございました。
