- ベストアンサー
ホームページを作るときに画像が先にある場合に、画像合わせて文字を入力したい！
ホームページを作るときに画像が先にある場合に、画像合わせて文字を入力したい！ 先に例の画像のようにホームページの壁紙ができてしまっている状態で、その枠にあわせて文字を入力して行きたいと思っています。 ホームページピルダーのどこでも配置モードだとIEではうまく配置できますが、Firefoxやグーグルチャームではうまく表示できません。そのほかの方法でうまく枠にあわせるいい方法があったら教えてください。PHPやCSSでも可能でしょうか？
- masayuki_bs
- お礼率15% (8/53)
- ネットトラブル
- 回答数5
- ありがとう数2
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
どこでも配置モードは、cssのpositionですよね？ position以外の方法といってもhtml+cssでコーディングできるなら特に難しい事は何もないです、cssは使わないと出来ないと思いますが、phpでも可能でしょう（どの部分でphpを使いたいのかわかりませんけど）。 具体的には要素毎のhtmlを書いて、cssのmarginとpaddingとfloatで位置を整えて、必要とあらばテキストブロックにoverflowを設定するだけです。 コーディング中の確認ブラウザはIE以外のモダンブラウザを使って、希望の位置に配置できたらIE用の値を設定していくのが慣れないうちは早いと思います。 背景画像はスライスをしてもいいし、高さ固定ならスライスをしなくてもbodyの背景に貼るだけです。
その他の回答 (4)
＞もしIE8で作った場合、IE7.6では逆にレイアウトが崩れるということになりますよね？？ これまでのIEは標準規格無視の独自解釈でしたが、IE8でようやく標準規格通りにCSSを解釈するようになり、標準規格に合わせて作ればIE8でもFirefoxでもクロームでも同じように表示できるようになりました。 独自仕様のIE6やIE7に合せるのではなく、標準規格に合わせて作成した上で、古い非標準な独自規格のブラウザへの対応は見切りましょう。 普通に使っていればWindowsUpdateによる自動更新でIE8への乗り換えが推奨されますからIE8に乗り換える人が殆どです。 全世界的にも「さっさと新しいブラウザに乗り換えろ！いつまでもIE6とか使ってんじゃねーよ！」という旨のキャンペーンが大々的に行われています。 貴方も標準規格に沿ってページを作成した上で、以下のバナーコードを張り付けて、非標準なブラウザへの対応は行わない、正常なブラウザへの乗り換えを推奨している事を明示しておきましょう。 [参考]Code Samples - IE6 No More http://www.ie6nomore.com/code-samples.html
レイヤー構成とし、位置のプロパティを変更すれば可能です。 尚：IE6は『独自解釈』をしてますので、IE7以上に変更して下さい。 <DIV class=Cont id=disp style="Z-INDEX: 7; LEFT: 372px; WIDTH: 281px; POSITION: absolute; TOP: 123px; HEIGHT: 162px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; font-size: 24px; color: #0;">私のウエブサイト私のウエブサイト私のウエブサイト</div> このコードを複数作成してから『LEFT』、『TOP』を変更し、画像の上に置きます。（Z-INDEXはレイヤーの重なり順序です。） 尚：テーブルタグでのレイアウトはお薦めしません。
使用しているIEは6や7ですか？ もしそうなら、先ずはIE8にしてみましょう。 そうすれば、IEでも崩れている事が確認出来ると思いますが。 ホームページビルダーが入っているIEのエンジン次第でレイアウトを行ってくれるのなら、IE8に合せてレイアウトすれば、Firefoxやクロームでも正常に表示出来るようになると思いますよ。 古いIEに合わせてしかレイアウト出来ないのなら、ホームページビルダーを捨てる所から始めましょう。 頑張って手組でCSS書けばレイアウト出来ると思いますし。
- nakayan57
- ベストアンサー率29% (94/321)
テーブルを使ってみましたか？ 画像の位置に合うサイズのテーブルを作成（必ずボーダー（枠線）サイズ０にして表示しないように）して そのテーブルに文字を入れていけばうまくいくと思います。
補足
それもやってみましたがうまくいきませんでした。
関連するQ&A
- ホームページビルダーでの「白抜き」の文字列入力方法について
ホームページビルダーＶｅｒ．６、ＷＩＮ９８です。 ＨＰを作成する時、タイトルとか、見出し、に白抜きの文字列を入力する方法を教えて下さい。★背景がカラ-の枠の中に文字を入力する方法です★他のＨＰで白抜き（実際はカラーに白抜き又はカラー文字）の文字列をよく見かけるのですが、構成もキレイで見栄えもするのですが、どうすれば、いいでしょうか？ＨＰビルダーＶｅｒ．６で可能でしょうか？又、どこでも配置モード、標準モードどちらでも可能でしょうか？どうぞよろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像の横に文字の入力をしたいのですが、改行されてしまいます。
ホームページを作っています。画像を挿入して、その横に文字を入力しようとすると、改行されて画像の下に文字がいってしまいます。 こんな時のいい方法を教えて下さい。 表で挿入するのがいいのでしょうか。レイアウト枠を入れてみましたが、 固定されなくプレビューすると画像が動いてしまいます。
- ベストアンサー
- その他（インターネット・Webサービス）
- 入力文字が文字枠外に表示される
添付画像はニコ生のコメント入力部分のキャプチャー画像ですが、コメント文字を打つと、画像のように文字枠外に表示されてしまいます、エンターを押すとコメント枠に入力されます。 通常の検索等の入力時は入力枠にそのまま表示されますがニコ生でコメントの時は画像のようになってしまします。 以前は普通に入力できていたのですが、なぜこのようになったのか？普通に表示させるにはどうしたら良いのでしょうか？ 日本語入力はグーグル日本語入力を使用しています。 英数半角の直接入力時は症状はでません。 Windows１０、ブラウザーはファイアフォックスです。 よろしくお願いいたします。
- 締切済み
- Windows 10
- 画像、枠、タイトルなどが分割されるのはなぜ？
ずーっと疑問に思っています。 webデザイナーの方が制作するホームページでは画像や枠、タイトルなどがいくつもに分割されていますが、なぜでしょうか？ 自分で制作するときは画像は１つ、枠も１つ、タイトルも１画像として扱っていますが、デザインするにあたって支障があるのでしょうか？ 因みにホームページビルダーを使っていて、慣れている“どこでも配置モード”にしています。“標準モード”で枠をとって配置していません。 なぜ１つの画像をいくつかに分割して配置するのか教えてください。 また、画像を分割する方法は？
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー１５の使い方
ホームページビルダー１５を購入して使用しているのですが、なかなか思ったように動いてくれません・・ 具体的に書くと、フルCSSプロフェッショナルテンプレートを使用し、それを編集して自分のサイトを作ろうとしています、文字を編集したりそれにともなる画像を挿入したりしているのですが、ちょっと別のところをマウスでクリックしたりするだけで編集した画像などが画面から消えてしまいます。 これでは編集など到底できっこないので困惑しています、また、通常モードでは（かんたんモードやいちからサイトを立ち上げる時）背景の壁紙を変更できるのにもかかわらずフルCSSプロフェッショナルテンプレートを使用した場合では壁紙の変更すらできないです・・せっかく編集したものや作成した画像がなにかの弾みですぐ消えたり、壁紙変更すらできない・・・これはなにか私の操作ミスなのでしょうか？説明書を読んでも書いていません・・・どうか助けてください
- ベストアンサー
- CSS
- 検索枠に単語を入力すると、勝手に文字が繰り返し
Googleの検索する時に単語を入力する枠のことですが、 文字を入力し始めると、入力した文字が入力しているそばから、勝手に繰り返し入力されてしまうのですが、何が原因でしょうか？ ブラウザは、Ｆｉｒｅfoxです。
- ベストアンサー
- その他（インターネット接続・通信）
- google日本語入力の「入力モード」の文字が薄い
google日本語入力を使っているのですが、 タスクバーに表示されている「入力モード」の文字の色がいつの間にか薄くなっていました。 いつもは文字枠？がついていて濃い白色だったと思うのですが、現在ではそれが消えて います。どうなっているのでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- 画像を表に貼り付けて切り目がでないようにしたいのですが
ＷｉｎＸＰで、ホームページビルダー９を使っています。 ホームページ用に１つの画像を９等分くらいにして、画像のロールオーバー効果を使いたいので、表に貼り付けて切り目がでないようにしたいのですが、何処でも配置モードでは、各画像の微調整ができるので可能ですが、標準モードで表に入れると画像と画像の間に隙間があいてしまいます。枠幅は０や枠非表示等で設定してみたのですが・・・他の表スタイルを使っても、線が微妙に出たりで、綺麗に つながりません。何か設定でいい方法はないのでしょうか？何処でも配置モードでは、画像の中央表示ができないので、画面中央に表示させたいので・・・・
- ベストアンサー
- その他(ソフトウェア)
- アイコンを乗せた画像を枠でかこみたい
よろしくお願いいたします。 ホームページビルダー６．０を使っています。 とある画像の上にアイコンを乗せたいと思っています。 どこでも配置モードでやるとできるのですが、そのアイコンを 乗せた画像を枠で囲みたいのです。枠で囲むとどこでも配置の 機能がなくなってしまい、画像の上にアイコンを置くことが できません。どうしたらアイコンを乗せた画像を枠に入れる ことができるでしょうか？ また、ソフトを使わなくてもかまいません。タグなどでそういう ことができるようでしたらお教えください。
- ベストアンサー
- その他(ソフトウェア)
補足
もしIE8で作った場合、IE7.6では逆にレイアウトが崩れるということになりますよね？？