A 回答 (8件)
- 最新から表示
- 回答順に表示
No.8
- 回答日時:
ビルダー使ったこと無いので、細かいことはわからないですが
>たとえば、ウインドウを狭くすると画像や文字も隠れてしまいます。
表や段落の幅を絶対指定(pxやcm)してないでしょうか。
例えば、表(table)の幅を600pxで指定すると、ウィンドウ幅を600px以下にした場合、当然表示できない部分は隠れます。
このような場合は表や段落の幅を%で指定するといいと思います。
例えば80%にした場合は、表や段落の幅は常にウィンドウの幅の80%になり、中身の文字もそれに応じて折り返されて表示されます。
画像は折り返しできませんので、ウインドウを画像の横幅より小さくすると、表示しきれない部分は隠れます。これは画像を小さく載せるしかないと思います。
特に幅を指定しなかった場合は、段落の場合ウインドウ幅100%、表の場合は内容が収まる最小限の大きさになります。(ブラウザによって違うかもしれません)
おすすめは、表や段落には横幅を指定せず。本文全体(BODY)に余白を設定して見栄えを整えることです。
例えば
<body style="margin: 0 4%;">
と指定すれば、そのページの本文はウィンドウの幅がどのような大きさでも、左右に4%の余白を持ってレンダリングされます。
余白の大きさは好みに合わせて変えてください。
外部スタイルシートを使うと上のようなものを含む見栄えに関する様々な設定を、全ページに適用することができるので楽です。
ここで書くと長くなるので、検索などを駆使して調べてみてください。
No.7
- 回答日時:
縦でも中央というのであれば、
私はJavaScriptを使い、ウィンドウの高さを取得し、
その「高さ-若干のマージン」を利用しています。
テーブルを利用し、さらにvalign=centerとすることで、
縦でも中央になります。
JavaScriptですから、JavaScriptを切ってる人や、対応していないブラウザでは使えません。
また、ウィンドウを変更してもすぐに反映されるわけではなく、
再読み込みすることでその大きさに変更されます。
もっとも、私は中央に持ってくるのではなく、
画面いっぱいを利用することを目的として使用しています。
No.6
- 回答日時:
HTMLのタグを直接テキストエディタ等で書き換えるとしたらの話ですが、
ウィンドウの大きさを変えても常に自動的に画面の中央に画像や文字が表示されるようにする方法としては、中央揃えにしたい部分を
・<center></center>で囲う
・<div align="center"></div>で囲う
・対象のタグにalign="center"を追記する (例:<p align="center">~</p>)
・スタイルシートを利用する(対象のタグにstyle="text-align: center;"を追加する(例:<p style="text-align: center;">~</p>)など)
などの方法があります。 一般的にはこれらの方法でうまくいくと思います。
個人的にはtableを利用するのはお勧めしないんですが、tableタグを利用する場合は
<table>
<tr>
<td align="center">内容</td>
</tr>
</table>
のようにすれば、一応中央揃えで表示できます。
ただし、表示内容の幅がテーブルで指定している横幅を超える場合(画像の横幅が指定したテーブル幅より大きい時や、改行できない半角英数字が長く連なっている場合)、テーブルの横幅が指定した横幅よりも大きくなることがあります。 その場合、テーブル幅がブラウザの横幅を超えてしまうと、表示内容がブラウザの横幅からはみ出て、すべて中央から右側にずれて表示されることになります。
参考になれば幸いです。
No.5
- 回答日時:
コンニチワ。
<table width="80%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
画像や文字など
</td>
</tr>
</table>
上のようなタグを打ち込んで、「画像や文字など」の部分に、その文字や画像を入れてください。
table width="80%"
が、ミソです。この場合は、ブラウザの横幅に対して8割のテーブルが描かれることになるので、その間にオブジェクトが収まります。
これでお分かりいただけるでしょうか?
No.4
- 回答日時:
はじめまして。
HP を組み立てている HTML タグですが、
TABLE タグ、TR タグ、TD タグというのを基本に使って作り、
そのタグのなかでできるレイアウトの大きさの指定を
ピクセルではなく、パーセントで指定することで、
ウィンドウの大きさの変更に柔軟に対応するページが
つくれると思います。
タグの詳しいことは参考書などを手に入れたほうが
いつも見られるので便利です。
うまくやれば、ウィンドウを狭くする = 小さいモニタで
見る人も、よく見られるページになりますね。
がんばってみてください。
No.3
- 回答日時:
全体を真ん中に配置したい場合は
<div align="centre">
文字など入力
</div>
で、ブラウザー表示の真ん中に配置されます。
(ブラウザーのサイズを変更しても)
タグ覚えてしまうと、ビルダー使うよりも
早く作れますよ(笑)
No.2
- 回答日時:
>その方法以外になにかあるんでしょうか??
HTMLソースは知ってますか?
TABLE内のセル内の文字列を列の中央に置きたいのでしたら…
<TABLE>
<TR>
<TD ALIGN="CENTER">
//文字列
</TD>
</TR>
</TABLE>
となります。
ソースの表示はHP上で右クリックで見る事が出来ます。
ビルダー上なら 「HTMLソースの表示」をクリックすればでます。
自分がしたい内容のHPがあるのなら、HTMLソースを参考にすると勉強になります。
その気がありましたら勉強して損はないでしょうね。
ただ、私はそこまで勉強してませんが…(~_~;)
以下参考サイトです。
HPお役立ち小技集
http://www.sky.sannet.ne.jp/masapine/homepage/
ホームページ作成支援/HTML学校/HTMLタグ辞典
http://www.pixel.co.jp/
参考URL:http://www.pixel.co.jp/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
HTMLでテーブルを横に並べる方法
-
tableの背景色のみ半透明にする
-
フォントサイズ変更に合わせテ...
-
箇条書きリストのすぐ横に画像...
-
ウィンドウのサイズを変えても...
-
テーブルの項目幅を固定するには?
-
バナーが減員でデザインが崩れる
-
縦線と横線だけを表示させたい。
-
表示されているtd幅を変えたい。
-
テーブルの背景を透過する方法
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
同じ行で画像は左寄せ、右側に...
-
【CSS】左右可変、中央固定の3...
-
テーブルの列幅の部分固定の仕...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
tableのheight指定が効かない
-
画像の横にテーブルを。。。
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
テーブルでスクロールを同期したい
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
画像と、セルのつなぎ目に白い...
-
HTMLでページの幅を設定し...
-
CSSで文字を一番下の中央に表示...
-
インラインフレームのスクロー...
おすすめ情報