上記作成ソフトを使用しています.
完成したHPをサイトで確認したら
ブラウザのウィンドウ幅を狭めていくと、
(1) ウィンドウサイズにあわせて改行する箇所
(b) そのままの幅の箇所(結果として横スクロールバーが表示される)の2種類の振る舞いが表示されます.
TOP_TITLEはFireworksでページ幅一杯に「どーん」と挿入しているので問題ないのですが,
メニューボタンが一個一個の画像ファイルを使用しているせいか,幅を狭めると横に6個くらい並んでいるボタンが綺麗に縦に羅列します.
TABLEも使用していますが,文章は崩れないのですが,挿入したイメージが崩れます.
原因が良くわかりません..
詳しい方がいらっしゃったら参考に教えていただけますか?
No.3ベストアンサー
- 回答日時:
みなさんが、書かれているようにソースを見ないとはっきり言えませんが。
テーブルのTH,TR,TDタグの中で%、もしくはなにも書いていないwidthのところがあるのではないでしょうか。
pxで指定されているところは、ウィンドウサイズを変えても小さくならないと。
%や無指定の場合は、ウィンドウサイズに合わせてテーブルのサイズも変わってしまいます。
たぶん上記タグの指定がバラバラなのではないでしょうか。
もしくはテーブルごとに。
お返事が遅れました.ありがとうございます.
ご回答いただいた皆様のご指摘通り,幅に問題があったようです.(若干その他の部分にもあったのですが)
本当に参考になりました.質問してよかったです.
ありがとうございました.
No.2
- 回答日時:
ボタンはTOP_TITLEと一緒に書き出ししたんでしょうか?それとも自分で後で並べたのでしょうか。
一緒に書き出しているなら、ずれないと思うんですけど…うーん。
チェック箇所としては…
ボタンを並べたトータルの横幅よりテーブル(もしくはセル)が狭くなっていないかどうか。とか…
もしボタンのトータル横幅が600ピクセルなら、テーブルもしくはセルの幅が600ピクセル以上で設定されていないとずれますし。
あと、テーブルの幅の指定がされていない場合だとかもずれたと思います。
実際のページを見れば多分分かると思うのですが、質問内容から分かるのは私にはこれぐらいです。すみません.。o○
お返事が遅れました.ありがとうございます.
>もしボタンのトータル横幅が600ピクセルなら、テーブルもしくはセルの幅が600ピクセル以上で設定されていないとずれますし。
ここら辺でなにやら色々誤差が生じたみたいで..TABLEの幅ってTOTALを考えてやらないとだめですね..
ありがとうございました.
No.1
- 回答日時:
具体的なソース(実際のソースでなく構造が判る程度の具体的な例)が無いと回答しづらいのですが、サイトの基本的なレイアウトはTABLEでコーディングされているとみてよろしいでしょうか。
TABLE,TDなどの幅は%で指定したり、数値(px単位)で指定したりしていませんか?
また、ナビゲーションは以下のようにTDタグの中に入れているか、否かで表示が変化すると思います。
<table width="680" height="65" border="0" cellspacing="10" cellpadding="0" id="navi">
<tr>
<td width="100"><a href="index.html"><img src="images/navi/top.gif" alt="TOP" width="100" height="18" border="0"></a></td>
<td width="100"><a href="con01.html"><img src="images/navi/con01.gif" alt="CON01" width="100" height="18" border="0"></a></td>
<td width="100"><a href="con02.html"><img src="images/navi/con02.gif" alt="CON02" width="100" height="18" border="0"></a></td>
<td width="100"><a href="con03.html"><img src="images/navi/con03.gif" alt="CON03" width="100" height="18" border="0"></a></td>
<td width="100"><a href="con04.html"><img src="images/navi/con04.gif" alt="CON04" width="100" height="18" border="0"></a></td>
<td width="100"><a href="con05.html"><img src="images/navi/con05.gif" alt="CON05" width="100" height="18" border="0"></a></td>
</tr>
</table>
該当のHTMLファイルを開いてデザインビューモードで該当のTABLEやDIVなどの表示部分を選択し、コードビューモードで切り替えると、その問題部分のコードが確認できます。
その部分をコピーアンドペーストなどして、公開しても問題のない範囲で教えていただければ、もっと適切な回答ができると思います。
ありがとうございます.返事が遅くなりました.
参考にいただいたログ大変勉強になりました.
お察しする通りです.直りました..w.
勉強不足で..頑張ります.
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- C言語・C++・C# このプログラミング誰か教えてくれませんか 1 2022/06/02 15:27
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
テーブル内に画像を表示したい。
-
画像の横にテーブルを。。。
-
tableの背景色のみ半透明にする
-
tableのheight指定が効かない
-
DWで、デザインビューに表示さ...
-
テーブルの背景を透過する方法
-
箇条書きリストのすぐ横に画像...
-
2つのテーブルを左右に表示した...
-
同じ行で画像は左寄せ、右側に...
-
【CSS】縦横スクロールテーブル...
-
一つのテーブル内の文字色だけ...
-
Dreamweaverでテーブルの列幅を...
-
テーブルを半透明(または網掛け)
-
colspanを動的に行う
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
テーブルの高さ幅の固定方
-
スタイルシートで、画像の横に...
おすすめ情報