- ベストアンサー
固定タグ内の画像サイズの変更
こちらにあるようなタグを、前後を変えることで画像を拡大（縮小）させることは出来るでしょうか？ ■の部分に入れるようにするだけで、挟まれたタグ自身は変更できません。 よろしくお願いします。 （例）■<img src="/test.gif">■
- peugeot206CC
- お礼率57% (73/126)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでどうでしょう。 <html> <head> <style type="text/css"> <!-- div.sc img{ width : 100px; height : 100px; } --> </style> </head> <body> <div class="sc"><img src="A.jpg"></div> <div class="aa"><img src="B.jpg"></div> <img src="C.jpg"> </body> </html> 上のようにすると、<div>クラス「sc」の中にある<img>、「A.jpg」は100x100で表示されますが、 それ以外の「B.jpg」や「C.jpg」は普通のサイズで表示されます。
その他の回答 (2)
- goldfox
- ベストアンサー率49% (123/249)
<img src="/test.gif"> これには何も手を加えず（サイズ指定できず？） 他の部分でサイズ指定がしたいのでしたら、 No.1 の方法（子要素への継承…だっけ？）しかないと思いますよ。 （alt属性くらいは加えてほしいですが） divがいやならspanに変えるだけですし。 もしかして、head要素にも書き込めないという話だったり？
お礼
少し分かりにくいかと思いますが、書いておきますと、 例で示した画像のタグは自動生成されるため、自分で触ることは出来ません。内容も変化しますが、前後は加工できるので、タグなどで挟むことで、変化させられるのか？という感じで質問していました。 自分で色々と考えてみましたが、やっぱり、自動生成される画像の属性などがないことが一番加工を難しくしているように思いました。
- NTJ
- ベストアンサー率44% (46/103)
> 文章のように、色を変えたりサイズを変えたり、全体ではなく部分指定するような簡単な方法は無いでしょうか？ 勘違いされているようですね。 文章の場合でも、以下の場合には、■部分の仕掛けではなにも変更できないとおもいますよ？ （例）■<span style="font-size:100;color:red;">文章</span>■ あたしには #1 さんの回答が、良回答に見えますねぇ。
補足
文章のように…ということで書いているので、文章でないということが理解できていないことから、例の内容も的を得ていないですね。それに、四角の部分に何かが入るということで書いているので、例の中に■が残っているのもおかしいです。■を置き換えないとエラーでますよ。
お礼
長くまで引き伸ばしてしまいましたが、 一番近い形は、is_may さんの書かれているような内容だと思います。 ただ、ボディー部分から外れる部分を指定できるのか？っていうところと、クラス指定が使えるのか？というところでしょうか。 最近制約が多いフリーのウエブ環境で利用するので、皆さんの描いているイメージそのままで利用できないことが多いです。 ありがとうございました。
補足
文章のように、色を変えたりサイズを変えたり、全体ではなく部分指定するような簡単な方法は無いでしょうか？ 全体は指定も変更も出来ませんが、前後なら変更できるという感じで、お願いします。