- このトピックには6件の返信、2人の参加者があり、最後に
により10年、 3ヶ月前に更新されました。
-
投稿
-
GRAPHIE 投稿ページを2分割したい場合は
CSS追加に
#site-box { }#a-box {
float: left;
}#b-box {
float: right;
}で、テキストに
<body>
<div id=”site-box”>
<div id=”a-box”></div>
<div id=”d-box”></div>
</div>
</body>これで大丈夫でしょうか？
よろしくお願いいたします。
以下HTML装飾マニュアルを参照してください。
追加です
この方法も試しましたが、margin？にラインが入ってしまいます
CSS追記
div.imagebox {
border: 1px dashed #f2f2f2; /* 1.枠線 */
background-color: #ffffff; /* 2.背景色 */
width: 190px; /* 横幅 */
float: left; /* 左に配置 */
margin: 5px; /* 周囲の余白 */
}
p.image, p.caption {
text-align: center; /* 3.中央寄せ */
margin: 5px; /* 4.余白・間隔 */
}
p.caption {
font-size: 80%; /* 5.文字サイズ */
color: #000000; /* 6.文字色 */
}テキスト
<div class=”imagebox”>
<p class=”image”>
</p>
<p class=”caption”>キャプションです</p>
</div>回り込み解除
<p style=”clear: left;”>
後続の文章………
</p>なんだか、間違ってそうですね
- このトピックに返信するにはログインが必要です。