見出し 画像



0   名前:  : 2007/01/18(木) 12:41  ID:PYy7/DOh
見出しの事で教えてください。

CSSでコントーロールしたいのですが
うまく動作いたしません。

下記のようにいたしました。
CSSでは、

.h2{
margin0px;
}

.boxH{
float:right;
margin:0px
height:80px;
width:362px;
}

その中に

.class box_a
.class box_b
二つのBOXを横並びで
配置いたしまし画像を貼りました。
各ボックスイメージ画像にに<h2>#####</h2>
見出しをつけました。
同じような作業でboxI
float:right;
margin:0px
height:80px;
width:362px;
}

.class box_c
.class box_d

box J
float:right;
margin:0px
height:80px;
width:500px;
}

.class box_e
.class box_f
と配置いたしました。
imgeの中にタイトルを入れ処理しています。
合計でBOXを縦に3段続けて書き出しまし
各ボックはmarginゼロで表現しました。
htmlで
<div id="box H">
<div class="box_a">
<h2><img src="xxx.jpg" alt="見出し" width="180" height="79" /></h2></div>
</div>
と書き込んで各項目処理しました。
しかし、boxHの下boxIの下に空白ができてしまいます。
marginをゼロにしていますがスペースが空きます。
本来はテーブルで組んだ方がいいのかと今にして思えば....
どう処理をしたらいいのでしょうか。
教えてください。

1   名前: Newのり太 : 2007/01/18(木) 12:41  ID:o6rFb4EC
タイプミスなのかわかりませんが、提示されたソースを見る限り
とりあえずcssの書式が不正のように思います。
「:」がなかったり、全角だったり、「{」が全角だったり・・・。

また、htmlの構成もイマイチよく分かりません。

こういう場合は、問題のページそのもの(url)を提示された方が、
より適切な回答が得られるのではないかと思います。

2   名前: Newのり太 : 2007/01/18(木) 12:41  ID:o6rFb4EC
ていうか、スタイルシート板でお聞きになったほうがいいかもしれません。

http://www.tagindex.com/bbs/qa09.html#a01

3   名前: seki : 2007/01/18(木) 12:41  ID:dvF.uXJU sub-Cl
すみません。
簡単に書いただけなので
ソース自体を見直し、しなくて
ご迷惑かけます。
省略はいけませんね。
ごめんなさい

ご指摘すみません


一覧へ戻る