cssの使い方について

質問

cssの使い方について
imgやswfのheightやwidthはcssで設定することはできないのでしょうか？
div classで囲ってcssでwidthとheightを設定しましたが、レイアウトの前面のように浮き上がるだけでサイズ変更できませんでした。
その他の文字やボックスはcssでwidthやheightの設定ができるのに、なぜimgなどはできないのでしょうか？できるものとできないものが他にもたすうあるのでしょうか？

回答No.4

Pochi09 · ベストアンサー

<div class="a1">
<img src="">
</div>
だと、<DIV>のボックスに対してのみ指定しています。
そのため中身の<IMG>には影響が無いみたいですね。

<DIV>ボックスからのはみだしは、例えば中がテキストでも発生します。高さと幅（わかりやすいように背景色も）を指定して、その枠内に収まりきらないほどの文字を<DIV>ボックスに入れてやると、<DIV>ボックスから文字がはみ出すか、ボックス自体が指定したサイズから広がってしまうかするようです。（ここらへんはブラウザによって反応が違うようですね。）

お礼

ありがとうございます。
divが"ボックス"という概念であることがすっかり抜けていました。

回答No.3

Yama-tani

cssは0以外単位が必須です。px等とつけてみて下さい。

回答No.2

Pochi09

試してみましたが、jpgファイルが問題なくサイズ指定できます。

img タグにたいしてクラス指定していますか？
クラス名が「xxx」画像ファイル名が「picture.jpg」の場合なら

<img CLASS="xxx" src="picture.jpg">

のような形です。

お礼

ご回答ありがとうございます。
その方法でできました！

<div class="a1">
<img src="">
</div>

上記のようにdivで指定して外部cssで編集することは、
imgの場合はできないということなのでしょうか。

全てdivでくくれば外部cssで編集可能だと思い込んでいました。

回答No.1

nattocurry

htmlの話ですよね？

swfが何なのかは勉強不足で解りませんが、imgのheightやwidthはcssで設定可能ですよ。
あなたの場合、なぜimgのheightやwidthをcssで設定できないのかは、ソースが提示されていないので、解析できません。

補足

外部cssの話でした。
http://homepage.wakabagari.com/sample15.html
上記サイトにてimgが外部cssで設定されず、内部に直接書かれています。
外部cssに
.a1
{
width:280;
height:50;
}
と書いてみましたが、レイアウトの前面のように画像が浮き上がってしまうだけでした。
swfはフラッシュのことを言いたかったのです。
これも同様に外部cssでは設定できませんでした。