>cssで、imgタグに、背景画像を敷きたい入力中の回答があります。ページを離れますか?※ページを離れると、回答が消えてしまいますページを離れるA回答を続ける入力中のお礼があります。15:00回答数:3件cssで、imgタグに、背景画像(影)を敷く方法を教えてください。※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。画像の大きさを強制指定してました。画像の大きさは、html側で指定せずに、css側で調整したいです。ムリなら、html側で大きさ指定します。タグにしかcss指定不可)の相談です。通報するこの質問への回答は締め切られました。...#画像やサイズは適宜変更してください。17:48ieの対応がちょっと難しそうなんですが、borderで余白を確保してみてはどうでしょう?border-colorはtransparentにして透明にすることで背景画像を表示できるようにします。transparent;}ただ、これだけだとちょっとIEの7以下と互換モードあたりで背景が上手く表示されない可能性が高いです。haslayout周りやdisplayあたりを触っていけば上手くいくかもしれません。回答ありがとうございました。divに影のbackgroundを敷いてその中にimgを左上配置すればできるよ枠じゃなくてbackgroundねこの回答への補足>それはcss3のドロップシャドウかな?書いてませんでしたが、CSS2です。背景影画像は、こちらで用意します。>divに影のbackgroundを敷いて諸事情により、divが触れないため、imgタグで処理する方法はないでしょうか?ムリっぽいとは思ってるのですが、paddingとか、マイナス値処理とかして無理矢理にでも、ゴリ押しする方法を、もしご存知の方がいれば、教えてください。画像」に関するQ&A:CSSで指定した背景画像にリンクエリアを設定する方法。回答数ランキングです。色タグ背景画IMGこのQ&Aと関連する良く見られている質問QCSSでborderの長さを指定、または可変にしたい。下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。5px;}Aベストアンサーborderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。5px;}また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。HTMLの方も修正する方法でもよければ<h3><span>××○○</span></h3>のようにspanで囲い、スタイルをspanに対して指定する方法もあります。5px;}borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。5px;}また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。HTMLの方も修正する方法でもよけ...続きを読む他の回答も見るQcssで「下よせ」ってどうやっていますか?フロートのレフト、ライトはいいとして、あるボックス要素内(A)に異なるボックス要素(B)をいれます。この(B)を(A)の一番そこにはりつかせたい時にどうすれば最もよいのでしょうか?いいアイデアをご教授ください。0px;他の回答も見るQCSSでボックス幅を文字列に合わせたいボックス幅を文字列の幅に合わせるにはどうしたらいいのでしょうか。テーブルではセルにwidth属性を指定しなくても文字列の幅になりますが、ボックスではwidthプロパティを指定しなかったら領域全体の幅になります。white-spaceプロパティでnowrap指定し、widthプロパティで文字列より小さいサイズに指定するとできるのですが、他に指定する方法があれば教えて下さい。Aベストアンサーdiv等のblock要素ではなくspan等のinline要素によって行う。1px">文字幅に合わせた枠線</span>他の回答も見るQHTMLフォームのSELECTの幅を一定にするためには?HTMLフォームのSELECTの幅を一定にするためにはどのようにすればいいのでしょうか?CSS等で設定できるとありがたいのですが、やり方がわかりません。文字化けしてしまいました。文字化けしてしまいました。自分は5歳児だろうが主婦だろうが手は抜きません。それで文字化けが直るようなら、貴方のJSファイルの文字コードは「Shift-JIS」と言う事になります。FC2のBlogサービスですか?それでHPやBlogを作っているのなら、基本的には文字コードはサーバ側、つまりこの場合は「EUC-JP」に統一するべき~という事になります。一般的に、Windowsの標準の環境だと。前段で述べた様な、様々な種類の文字コードを扱う事が出来ないので。事実上、作業は「Shift-JIS」1択と言う事になります。『メモ帳(notepad.exe)』では「改行コード」を編集出来ないので、HTMLやJavaScript(JSファイル)を編集するには力不足です。何か特別なソフトとかを使わずに、Windows標準の『メモ帳(notepad.exe)』でJSファイルを編集したのであれば、十中八九、文字コードは「Shift-JIS」になっているはずです。>文字コード「文字コード」とは、コンピュータ上でテキストファイル(*.txt)をやり取りする時の方式の事で、現在では100種類近くの文字コードがあります。インターネット上でよく使われる文字コードは、「UTF-8」、「Shift-JIS」、「EUC-JP」~の3種類で、基本的にはこれだけ押さえておけばOKです。考え方としては、日本語や英語のように。同じ意味を持つ文書でも色んな国の言葉で書く事が出来る様に。コンピュータ上での文書の表し方にも方言というか、色んな国の言葉がある様な物だと思ってて下さい。先に述べた「改行コード」や「BOM無し」とかは忘れて下さい。初心者はコレだけ覚えて置いて欲しいのですが...・半角英数文字だけなら文字化けは起きない~と(実際は違いますが、話がややこしくなるので簡単にします)。半角英数文字ってのは「abc,?!#123456+-=」みたいな文字の事です。abc,?!#123456+-=)。従って逆説的に言えば「日本語を使う時は常に文字コードの影響を受ける」と言う事です。自分は5歳児だろうが主婦だろうが手は抜きません。それで文字化けが直るようなら、貴方のJSファイルの文字コードは「Shift-JIS」と言う事になります。FC2のBlogサービスですか?それでHPやBlogを作っているのなら、基本的には文字コードはサーバ側、つまりこの場合は「EUC-JP」に統一するべき~という事になります。...続きを読む他の回答も見るQ画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?こんにちは。画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。参考までに、DreamWeaver(ドリームウィーバー)2004MXです。画像とテキストの兼ね合いで、画像の右側や左側に、ところどころで間隔が欲しいと思っています。縦間隔なら「上」と「下」、横間隔なら「右」と「左」、これらが一度に動いてしまうのです。片方には確かに欲しい間隔が得られるのですが、ほう片方に要らない間隔ができてしまい困っています。右だけに間隔が欲しい。左だけに間隔が欲しい。いう場合って、何かやり方があるのでしょうか。余白込みの画像を用意するという手も講じましたが、その場合はその場合で、その画像が他のレイアウトに流用しづらいという弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので対症療法としてはうまくいきませんでした。画像ごとにセルを用意して任意の余白を作り出す手もありましたが、セルがあまりにも絡まりあってしまい、かなりぐちゃぐちゃなものになるためうまくいきませんでした。詳しい方にお訊きしようと思いまして質問を立てさせていただきました。素人質問で大変申し訳ありません。