window
トップページ > 記事閲覧
*文字と画像を左揃えで中央表示したいです。
日時: 2006/02/02 22:12
識別: ID:SHUD7u1Nc9M.
名前: いづる  <izuru_suzumi@yahoo.co.jp>
参照: http://homepage3.nifty.com/izuru/index.html
こんばんは。いつもお世話になっております、いづると申します。

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

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

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

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

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

http://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:表を画面の中央に表示する方法を教えてください
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345
ヒント集:表を使ってページをレイアウトしてみましょう
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

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

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

うわ〜。すごく難しそうですね;
知らない単語がうじゃうじゃと。。。
こ、この方法だと、私にはちょっと高度なようです;
「それなりに見えればいいや」な方で、作りたいと思います。
こちらは、表でつくるのですね。
これなら、なんとかなりそうです!!
わかりやすい作り方まで教えてくださって、ありがとうございます!
ひとつひとつ、こうやって憶えていくのって、レベルアップしてるみたいで楽しいですね!
では早速、教えていただいたことを実践したいと思います。
Newのり太様、ありがとうございました!!
メンテ
- ( No.3 )
日時: 2008/06/28 01:10
名前: adsl-west-4331.enjoy.ne.jp

#SPAM

メンテ
- ( No.4 )
日時: 2011/12/16 02:08
名前: u087245.ppp.dion.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存