ビルダー11を使用しています。
フォーカス枠にまだ慣れず、至急のご回答をお願いいたします。
ウェブアートデザイナーで画像を作成し、ビルダーに送って
ページを作ろうとしています。
ヘッダーを810×160ピクセルで作成したので、ビルダーに送ると
実際の作業画面には全部が表示されませんが、一応正常に送れた
ようなので作業を続けようとしました。
ところが、ヘッダーの下に表示されるピンク色のフォーカス枠が、
作業画面の幅しかなく、ヘッダーと同等の幅が取れず困っています。
具体的には、ヘッダーの下に一列でメニューバーを入れようとしています。
6つのメニューをウェブアートデザイナーで作り、ひとつひとつ
ビルダーに送ったのですが、途中で改行されてしまいます。
ウェブアートでメニューバーを1枚の画像にしてビルダーに送ると、
今度はメニューそれぞれにリンクがかけられなくなるので困っています。
このフォーカス枠は、作成したヘッダーに合わせて縮小拡大ができないものなのでしょうか?
また、上記の作業(ヘッダーのサイズと同等のメニューバーを入れたい)を進める手順がありましたら、どなたかご回答をお願いいたします。
No.1ベストアンサー
- 回答日時:
全体のレイアウト設定を見たわけではないのですが、
”メニューバー”の幅の設定はどのようになっていますでしょうか?
CSSでレイアウトしている場合、ヘッダーとメニューバーの幅は同じになっていますか?
ビルダーのフォーカス枠は、要素に含まれている内容や設定されている幅・高さによって変動します。
メニュー用画像を横に並べるのでしたら、画像を横に並べた合計幅が設定した幅よりもオーバーしてしまっていないかどうか確認してみてください。
(注意:幅を設定していない場合でも、ページ編集画面の幅を最大に、次の画像が下に表示されることがあります。)
ブラウザのプレビューで、思ったように表示されていれば、
フォーカス枠については気にする必要はありません。
そうでない場合は、設定を見直すなど調整する必要があります。
メニューバーを1枚の画像にして各メニューにリンクを貼りたい場合は、
ビルダーでいう「イメージマップ」の設定をするとよいと思います。
http://www-06.ibm.com/jp/domino01/swhc/esupport. …
さっそくのご回答、ありがとうございます。
メニュー画像を横に並べた合計幅は、ヘッダーと同じでした。
ウェブアートデザイナーで一度、ヘッダーとメニューバーを合わせて
作ってみて確認しました。
>(注意:幅を設定していない場合でも、ページ編集画面の幅を最大に、次の画像が下に表示されることがあります。)
なるほど、まさにそのような状況ですね。
教えていただいたURLを参考にして、メニューバーを1枚の画像にして
複数のリンクをはるという方法でやってみようと思います。
>CSSでレイアウトしている場合、ヘッダーとメニューバーの幅は同じになっていますか?
すみません、この「CSSでレイアウトする」という意味がよくわかりませんでした。
補足いただけますと大変助かります。
ご回答、本当にありがとうございました。
No.2
- 回答日時:
>すみません、この「CSSでレイアウトする」という意味がよくわかりませんでした。
>補足いただけますと大変助かります。
簡潔に言うと、
<div class="header">
ヘッダーの内容
</div>
のように、CSS(スタイルシート)を駆使してレイアウトしている、という意味です。
google等で、CSSレイアウト をキーワードに検索してみると、
どういった意味なのかわかるのではないかと思います。
ビルダーだと、スタイリッシュエフェクトを使うことがあると思うのですが、
それにはCSS(スタイルシート)という技術を使われていまして、
それによってページデザインやレイアウト(ヘッダー・フッターなどのレイアウト)を替える事ができます。
スタイリッシュエフェクトを使わなくても、
CSSについての知識があれば、スタイルシートマネジャを使う・HTMLソースを編集するなどして、
ご自分の手でデザインやレイアウトを調整することも可能です。
※ビルダーに全てお任せだと、ちょっと分かりづらい事かもしれません。
CSSの知識を持って、ビルダーを使いながらでも応用を利かしていけば、思ったように作成できるのではないかと思います。
重ねてのご回答、ありがとうございます。
スタイルシートは時々耳にしますが、それを駆使しての編集は、
まだまだ遠くなりそうです。
HTMLはまだ初心者なので、地道に行きたいと思います。
またの機会がありましたら、助けていただけるとうれしいです。
このたびは本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) マクロについて教えてください 2 2023/06/09 16:01
- Visual Basic(VBA) マクロについて教えてください。 3 2023/06/09 17:37
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- ノートパソコン 教えて下さい。過去のエクセルのファイルデータの中に、ヘッダーのところに図形を登録しています。 今回新 4 2023/04/11 15:16
- Excel(エクセル) 教えて下さい。 ●過去のエクセルのファイルデータの中に、ヘッダーのところに図形を登録しています。 ● 2 2023/04/11 17:40
- その他(プログラミング・Web制作) データ解析ソフトRでのファイル入力read.csvがエラーになります 7 2022/03/27 22:11
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- Word(ワード) 初心者です。ワードでメニュー表を作っています。 グラデーションをかけ、印刷したら縞模様みたいになって 2 2023/01/25 10:30
このQ&Aを見た人はこんなQ&Aも見ています
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TDSマジックランプシアター 箱...
-
Chrome フォーカス時に枠が表示...
-
メッセージボックスを前面に表...
-
除光液の正しい捨て方がわかり...
-
池袋の美容師らしきキャッチ
-
フォトショのアクションを別のM...
-
無線LANルーターについて… 無線...
-
Flash CS5 タイムラインエフェ...
-
DAMのデンモクの使い方
-
プラスチックに濃くはっきりと...
-
ブラウン管の仕組み
-
擬似会議室サイトを構築したい...
-
SPREAD(GrapeCity)のセルにフォ...
-
コンボボックスの開いたリスト...
-
ゲーム会社のイメージ (ゲー...
-
Excelのマクロで実行時エラー”1...
-
メモリリークのデバッグ
-
スマホのSDカード抜き差しっ...
-
レーザのスポット径の計算式
-
Yahoo ID 有効なログイン方法が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
メッセージボックスを前面に表...
-
SPREAD(GrapeCity)のセルにフォ...
-
Excelのマクロで実行時エラー”1...
-
C#でButtonのフォーカス枠を消...
-
iPhoneのクイックアクションを...
-
TDSマジックランプシアター 箱...
-
コンボボックスの開いたリスト...
-
Chrome フォーカス時に枠が表示...
-
レーザのスポット径の計算式
-
コンボボックスの三角を一時的...
-
DAMのデンモクの使い方
-
雷のようなアニメーションをウ...
-
DataGridViewで入力チェック後...
-
フォトショのアクションを別のM...
-
tabキーによるフォーカスをさせ...
-
iPhoneのロック画面に出てくる...
-
Macのウィンドウが透ける
-
[化学基礎] μmのμはどうして...
-
初期状態でのフォーカスの解除
-
ローディングアニメーションの...
おすすめ情報