table の外し方

[新着] Webテンプレートを仮オープンしました



0   名前: ななみ : 2005/12/11 23:32
こんにちは  前回 検索窓とボタンの間隔について教えていただいた ななみ です。
今回は 画像を並べるために使っている table を外す方法について お願いします。

四種類の並べ方を 私なりに作ってみました。

 http://www.nagominoniwa.net/2005/nagomi.html
 http://www.nagominoniwa.net/2005/nagomi.css

box の左右に画像を寄せることで横方向の間隔を作り 縦方向の間隔には margin を使いました。
IE でも Netscape でも 望む形に見えています。

ただ css を外すと 苦心して並べた三枚の画像が 横一列に並んでしまいます。
これは 仕方の無いことなのでしょうか?
私の作り方が間違っているのでしょうか?
他に何か 良い方法があるのでしょうか?

table を使っている時には html のみでも 三枚の画像がそのままの形で見えてましたので
ちょっと戸惑っております。
お手数をかけますが どうぞ よろしくお願いいたします。

1   名前: 通りすがり2 : 2005/12/11 23:32
tableで並べたものをcssのfloatを使って並べたのですから、
tableのみならず、cssまではずせば並ばなくなってもおかしくはありません。
どうしてもcssもはずしたいのでしたら、floatの代わりにalign属性を使う手もなくはないです。
非推奨属性なのでお勧めはしません。
<img src="" alt="左の画像" align="left">
<img src="" alt="右の画像1"><br>
<img src="" alt="右の画像2"><br clear="all">

2   名前: ななみ : 2005/12/11 23:32
通りすがり2 さん  お返事ありがとうございました。

「tableで並べたものをcssのfloatを使って並べたのですから、
tableのみならず、cssまではずせば並ばなくなってもおかしくはありません。」

当然のことなのですか。 安心いたしました。
以前 「css を外しても文書として正しい html を書くべき・・・」というようなことを
どこかで読んで以来 一応 css を外した状態も確かめるようにしてますので 今回
一列に並ぶ画像を見て 何か間違ったのかと少し不安を感じました。

特に「css を外したい!」ということではありません。
新しい形の css を書いたときは いつも不安で・・・つい おかしな質問をしてしまいました。
css の書き方に問題がないようでしたら 次回の更新からは この形に変えようと思っております。

ありがとうございました。

一覧へ戻る