ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

文字と画像を左揃えで中央表示したいです。

日時: 2006/02/02 22:12
識別: IDHVH7M7hIwkI
名前: いづる  <izuru_suzumi@yahoo.co.jp>
参照: https://homepage3.nifty.com/izuru/index.html

こんばんは。いつもお世話になっております、いづると申します。

標準モードで作っているのですが、画像と文字を、
ページのど真ん中にもってきたいのですが、どうしたらいいですか?
↓のサイトで検索したのですが、「文字」や「中央」などの文字を入力しても、
https://www.wsb.jp/hpb/index.html
検索結果が0なのです。
検索の仕方が悪いのでしょうか。

感じとしては、↓のようなページにしたいです。
https://www5e.biglobe.ne.jp/~cry-dro/

文字は、左揃えにしたいです。

どうぞ、よろしくお願いいたします。

Re: 文字と画像を左揃えで中央表示したいです。 ( No.1 )
日時: 2006/02/02 22:49
名前: Newのり太

https://www.mozilla.gr.jp/standards/webtips0004.html
たとえば、上記のような理想的な(?)中央寄せレイアウトの手法をHPBで操作するとなると、
※一部上記サイトから文章を引用しています。

(1)
とりあえず、IEのバグ対策として
|transitionalで記述するならdiv要素のalign属性でcenterを指定するのが一番簡単です。
挿入>その他>レイアウトコンテナ>書式>位置揃え>中央寄せ。

または、
|strictで記述するならalign属性は使えません。あくまでCSSで実現することになります。
挿入>その他>レイアウトコンテナ>スタイル>文字のレイアウト>水平方向の配置 を中央揃えに。

(2)
|この弊害を無くすには、子要素にtext-align:left;を指定してあげます。
|この問題を解決するためにtext-align:justify;(※)を使用を推奨します。
(1)で作ったレイアウトコンテナの中にもう一度、
挿入>その他>レイアウトコンテナ>スタイル>文字のレイアウト>水平方向の配置
を左寄せまたは両端揃え(※)に。
※ここまでする必要があるかどうか。。

|左右のマージンをautoにし、ブロックレベル要素に幅を指定するのが正しい方法です。
レイアウト>マージン>左方向、右方向を自動に、位置>幅 を便宜指定。

で、内側のレイアウトコンテナに文字と画像を入れます。

レイアウトコンテナのスタイルを、「クラスやIDによるスタイルの設定」にするか、
「現在のタグのみにスタイルを設定」するかは、便宜判断してください。

----------------------------------------------------
固いことは抜きにして、とりあえずそれなりに見えればいいやってむきには、
FAQ:表を画面の中央に表示する方法を教えてください
https://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345
ヒント集:表を使ってページをレイアウトしてみましょう
https://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

# 提示のページはテーブル(表)レイアウトのようです。
Re: 文字と画像を左揃えで中央表示したいです。 ( No.2 )
日時: 2006/02/06 00:57
名前: いづる  <izuru_suzumi@yahoo.co.jp>
参照: https://homepage3.nifty.com/izuru/index.html

Newのり太様、いつもお世話になっております。
早速お返事をくださり、ありがとうございます。

うわ〜。すごく難しそうですね;
知らない単語がうじゃうじゃと。。。
こ、この方法だと、私にはちょっと高度なようです;
「それなりに見えればいいや」な方で、作りたいと思います。
こちらは、表でつくるのですね。
これなら、なんとかなりそうです!!
わかりやすい作り方まで教えてくださって、ありがとうございます!
ひとつひとつ、こうやって憶えていくのって、レベルアップしてるみたいで楽しいですね!
では早速、教えていただいたことを実践したいと思います。
Newのり太様、ありがとうございました!!

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved