- ベストアンサー
画像の上に文字を重ねる（高さ自動調整）
ORUKA1951の回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
CSS3でしたら、背景画像を伸縮できます。 CSS2.1でしたら、置換インライン要素の画像はblockに変換してから、内容に合わせて伸縮させることになります。 画像を伸縮させない(表示領域を変えるだけ)なら、背景にしましょう。
関連するQ&A
- ホームページ内の画像のサイズの自動調整について
ホームページを作成していますが、閲覧する側の画面サイズに合わせて画像の高さ等を調整する方法等はありますでしょうか？ 全画面表示にした時に画像を自動的に大きくみせるなど調整をしたいのですが・・・縦フレームに設定している画像が通常時は画面内にぴったり収まってるのですが全画面表示にすると、一番したが白抜けの状態になってしまいます。 スクリプトを使用する方法ではなさそうなのですが・・ http://www.bonjovi.com/bonjovi/ のサイトのように画像を自動調整したいのです。 どうか教示願います。
- ベストアンサー
- ブログ
- 背景画像の自動調整
ホームページの背景画像についての質問です。 自分なりに調べてはみたのですが、 よい答が見つからなかったため質問させていただきます。 http://jamaikaumarenorasutaneko.web.fc2.com/ 上記のようなホムペを作っているのですが、 トップ画面の背景がブラウザによっては画像のサイズが足りず右側に白い空白ができてしまいます。 また、逆に画像が大きく全てを表示しきれないケースもあると思います。 お気に入りを常に表示させている場合はもちろん後者のケースにあたると思います。 もちろんブラウザによって表示が異なってしまうのは承知しているのですが、 それをタグやれスタイルシートやれで自動調整はできないものでしょうか？ 希望としては、 画面サイズの異なるPCで表示させたとき、 指定した画像の全てがどのPCでも表示させられる。 例えば「Microsoft Office Picture Manager」で画像の編集（サイズの変更）をしたときの、拡大＆縮小を画面サイズに合わせて自動で行ってくれる、 そんなタグを探しています。 欲を言えば「お気に入り」を表示していてもそれすら自動調整されるといいです。 かなり分かりにくい説明になってしまってすみません。 ご教授よろしくお願いします。
- 締切済み
- ブログ
- HP 画像と文字の位置
ホームページを作り始めたのですが、全くの初心者です。 CSSやHTMLなど調べながらやっていますが、それでも分からない事があったのでココで質問させて頂きます。 画像リンクの左横に文字を書きたいのですが、どうやったらいいですか？？ 一応調べてやってみましたが、私のやり方だと画像リンクも文字も1番右端にいってしまいます。 1番左端に文字、そのすぐ横に画像にするにはどうしたらいいでしょうか？？ 初心者の為、難しい言葉だと理解できないかもしれませんので、分かりやすく教えて頂ければ幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- 画像のソースはどう打ち込めばいいのですか？
こんにちは。 ホームページビルダー16を使ってホームページを作っています。 で、ランダムに画像を表示したいと思い http://allabout.co.jp/gm/gc/23805/ を参考にしようと思ったのですが。。。 赤字の部分の書きかえってどう打てばいいのかわかりません。 画像名.jpg とかでいいんですかね？ 初歩的な質問ごめんなさい＾＾； ご回答お待ちしています。
- 締切済み
- その他（インターネット・Webサービス）
- 画像ファイルの上に文字を入れるには？
画像ファイルとしていれると上から文字をいれることができません。何か方法がありますか？フォトショップとかであらかじめ文字をいれるしかないのでしょうか・・・。ちなみにビルダーを使ってホームページを作ってます。HTMLの知識はちょこっとだけです(^^ゞ
- ベストアンサー
- Windows XP
- PHPで読み込んだ画像をHTMLで表示するには？
http://allabout.co.jp/gm/gc/47434/ こちらのサイトを参考に、PHPで画像を表示するプログラムを組みました。 そのPHPの結果を、HTMLに組み込んで、表示したいのですが、どのようにすればよろしいでしょうか？ 回答よろしくお願いします。 ※サーバーはロリポップを使っております
- ベストアンサー
- PHP
- 【HTML5、CSS2.1】imgのalign
HTML5、CSS2.1でホームページを作成しています。 http://www.tagindex.com/html_tag/img/img_align.html このサイトを参考に画像の右中央に文字を配置したいのですが HTML5ではalign属性が認められていません。 どのように対処すればよいのか教えていただけましたら幸いです。
- ベストアンサー
- HTML
- ＨＰ上で文字サイズを変更できるようにするには・・・・。
実は視覚障害者や弱視の方を対象とした ホームページを作ろうと取り組んでいるのですが、 下記のサイトのようにJavaScript＋ＨＴＭＬ＋ＣＳＳで 文字サイズなどを変更できる機能を作りたいのです。 何か参考になるサンプル・書籍・ＨＰなどございましたら教えていただければ幸いです。 またこの場で教えてくれる方がいれば助かります。 http://www.ssct.co.jp/
- ベストアンサー
- JavaScript
補足
<img width="400px" alt="画像" src="hoge.png" style="display: block" /> <p style="margin: auto; font-size: 24pt; color:#FFFF00; width: 400px; position: absolute; top: 0px; left: 0px;"> あいうえおかきくけこさしすせそたちつてと・・・・・・ </p> 上記のようにしましたが画像は伸縮しませんでした。難しいですね。