対象:ホームページ・Web制作
回答数: 3件
回答数: 7件
回答数: 3件
井上 みやび子
Webエンジニア
-
表組み風にするには幅を指定して float:left にします
- (
- 5.0
- )
はじめまして。すぐ使える株式会社の井上と申します。
横3×縦2 などの表示は、横幅を決めた div を float:left で連記することで実現できます。
*CSSで表組みするコードの例
<div style="width: 900px"> ←外枠
<div style="width: 300px; float:left">....</div> ←セル1つに該当
<div style="width: 300px; float:left">....</div>
:(6個分)
</div> ←外枠の終わり
**留意点
上記のように単純にサイズ指定するとセルに該当する<div>の中身やブラウザ、DTDによってはセル2つで折り返しされてしまう場合もありますので、CSS指定は参考書などを見ながら工夫して下さい。
ご参考:表組み風の画像一覧を作る方法
PR---5,250円のCMS「すぐ使えるCGI」
評価・お礼
よっきー さん
うまくできました
ありがとうございました
(現在のポイント:1pt)
この回答の相談
Webページのメニューボタンを横3×縦2で配置させたいと考えています。
TABLEタグは使わない方がいいという話をよく聞くので、CSSで配置させようと考えているのですが、左右に分けるのであればfloatタグを… [続きを読む]
よっきーさん (京都府/29歳/男性)
このQ&Aの回答
このQ&Aに類似したQ&A