window


この質問記事は解決しています。
トップページ > 記事閲覧
*表を使ってHPを改装する予定なのですが・・・
日時: 2008/09/13 19:16
識別: ID:4rP59xoTofh0
名前: 一茶
参照: http://yoinomomohana.chagasi.com/
こんにちは、一茶です。
前回のスレッドでは早急な回答を有難うございましたm(_ _)mとても参考になりました。
前回のスレッドで紹介して頂いたサイト様を参考に、現在標準モードの表を使ってHPを作り直しているのですが、分からない点がある為またスレッドを立てさせて頂きました(・д・;)複数の質問がありご面倒だとは思いますが、何方か回答をよろしくお願いします。


※ホームページビルダー7を使用しています。

○表の挿入オプションの「表の属性」で、「表の幅をページ幅に合わせる」という項目がありますが、これはチェックをするべきなのでしょうか?

この項目をチェックすると丁度ページの幅に合わせて表が使えるので便利だと思っていたのですが、セルが動いてしまったりなどの問題があった為・・・;


○上記の項目をチェックして表を作り、セルの中に文字を入れると文字の横に余計な幅が出来てしまいます。(セルが伸びてしまう)これは防止することが出来るのでしょうか?


○標準モードのレイアウト枠でページを作ると、自分のPCの画面の場合ホムビルの作成画面外まではみ出たページを作らないと中央に揃わないのですが、表を使って作れば作成画面内にページを作っても中央に揃うのでしょうか?(※この質問はこれ以外に文章が浮かばず・・・;どう説明してよいのか分からないので分かりにくい文章になってしまいました。詳細が欲しい場合は是非お返事を下さい。)


○セルの中に文章を入力する際、改行をしないとどこまでも永遠に文章が続いてしまうのですが、これをセルの幅内に固定する方法はあるのでしょうか?






どう説明してよいのか分からず、分かりにくい文章になってしまいましたorz
追加質問や説明もあるかもしれません。分かりにくい場合は遠慮なくそう書いて下さい(゜д゜;)

もし解決方法を知っている方がいましたら、回答よろしくお願いします。




※HPは同人サイトですので、苦手な方は回避して下さい。
メンテ

Re: 表を使ってHPを改装する予定なのですが・・・ ( No.1 )
日時: 2008/09/14 10:51
名前: nn

大前提として、モニター画面の大きさや解像度、ブラウザの種類やブラウザウィンドウの表示領域の幅、文字の大きさなど、webページを閲覧する環境は様々です。
あなたご自身でも、自分のPCのモニター解像度やブラウザウィンドウの大きさ、文字の大きさを変えたり、いつも使ってるのとは別のブラウザで見てみたりすれば、同じページでもかなり見栄えが変わるのがわかるでしょう。

ただ、閲覧環境が変わり多少見栄えが変わったとしても、『支障なく』読めれば内容は伝わります。これがHTML文書の真骨頂と言えるのではないかと思います。
おかしなところで改行されていたり、文章が分断されていたりしていては非常に読みにくい、場合によっては意味をなさない文書になりかねません。

HTML文書とは、文書の基本的な構造をHTMLタグによりコンピュータにもわかるように明示したものです。
HTMLの仕様通り適切に文書の構造が明示されてさえいれば、どんな環境でもブラウザが勝手にわかりやすく表現(『表示』する環境だけではないのであえて『表現』という言葉を使います)してくれるものです。


前置きが長くなってしまいましたが、

>「表の幅をページ幅に合わせる」という項目がありますが、これはチェックをするべきなのでしょうか?
うちのは古いんでそんな項目ないんですが、おそらく表の幅が100%になるのでしょう。

通常、表の幅はその中味によって可変です。
中味(文字など)が少なければ幅は小さくなりますし、ウィンドウの幅を越えるほどの内容量であれば、表幅はウィンドウの幅いっぱい(100%)となり※注1、はみ出る分は折り返されて表示されます。(画像など、固定幅をもつものははみ出た分はスクロールされます。)
※注1. ウィンドウ幅100%と言っても、たいていのブラウザにはいくらかの余白があります。

> セルが動いてしまったりなどの問題が
> セルが伸びてしまう

ウィンドウ幅に合わせて相対的に幅が変化するレイアウトを『リキッドな』レイアウトといいます。
全体の幅が変わるのだから、セルの幅もそれに応じて変わります。
変わっては困るのなら幅をpx値で固定してしまえばいい。
表全体の幅についても然り。
ちなみに、ここのデザインは、リキッドな表の中央のセルのみ固定しているようです。
https://aimix.jp/tablecenterst.html

> 標準モードのレイアウト枠でページを作ると、自分のPCの画面の場合ホムビルの作成画面外まではみ出たページを作らないと中央に揃わないのですが、

レイアウト枠とは、ウィンドウ領域の上から**px、左から**pxという絶対座標に固定配置された汎用ブロック要素です。
悪名高いどこでも配置モードはこのすべての要素をこのレイアウト枠で囲んでどこでも配置するものです。
前述したように、ウィンドウ領域は閲覧環境によって異なります。
あなたの環境で画面中央に表示されていても、ある環境では左に寄ってるかもしれませんし、右側がはみ出てスクロールバーが出ているかもしれません。
画面左から200pxの位置に幅400pxのモノがあるとすると、幅800pxの画面でならちょうど中央に見えますが、幅1000pxの画面では左寄りに、幅600pxの画面では右寄りに見えます。

> 表を使って作れば作成画面内にページを作っても中央に揃うのでしょうか?

その表を中央揃えにすればとりあえず中央表示されます。(表全体が入りきらないような小さな画面は無理。)

ただ、前にも言ったように、
https://aimix.jp/hpbbbs/patio/patio.cgi?mode=view&no=3553
表はレイアウトのために使うものではありません。
# 「表」を解釈出来ない環境もあるんだよ。

自己満足のページで、ある限られた環境でのみ閲覧できればいいのであれば別に構いませんが、より多くの環境で、なるべく作者の意図を正しく伝えるためには、HTMLの各要素の意味を知り、適切にマークアップできるようになるのが先決であると思われます。
別にいきなり全部の要素をマスターして使いこなせと言っているのではありません。
たいていの文書ならいくつかの要素だけで出来てしまいます。
中学程度の作文能力があればいけそうな気がします。
http://hpbuilder.net/hpbuilder2.htm

適切にマークアップ出来ていれば、見栄えはあとからどうにかなります。
http://hpbuilder.net/hpbuilder5.htm

# 上記サイトはトップページから一通り読んでみる事をお奨めします。
メンテ
Re: 表を使ってHPを改装する予定なのですが・・・ ( No.2 )
日時: 2008/09/14 11:25
名前: nn

> セルの中に文章を入力する際、改行をしないとどこまでも永遠に文章が続いてしまうのですが、これをセルの幅内に固定する方法はあるのでしょうか?

あ、これ忘れてた。w

セルの属性で、「自動的に行を折り返す」のチェックがはずれていないかい?
あと、チェックが入っていても、半角英数字の連続は普通は折り返されないよ。
メンテ
Re: 表を使ってHPを改装する予定なのですが・・・ ( No.3 )
日時: 2008/09/14 21:34
名前: 一茶
状態: 解決!

早急な回答を有難うございました!!とても参考になりました。
基本的な表の使い方については覚えましたので、これから表を使ったHPの作成に慣れて行くことにします(・д・;)
質問数が多く、その上不可解な文章であるのにも関わらず的確な回答を頂けてとても感謝しています。
此方の掲示板ではいつも本当にお世話になっておりますm(_ _)m

これから少しずつHPを作り直して行きたいと思っています。
メンテ
- ( No.4 )
日時: 2011/12/12 03:38
名前: pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ
- ( No.5 )
日時: 2012/06/18 10:03
名前: 7c294cd1.i-revonet.jp

#SPAM

メンテ

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

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


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

   クッキー保存