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

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

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

ボックスを縦横に並べる方法

日時: 2009/03/18 15:19
識別: IDD3kRkYxHSVY
名前: J.T
参照: https://sukuea.s270.xrea.com/

はじめまして。

テキストボックスを縦横に並べて、ナビゲーションを作りたいと思っております。
どのようにすればよいのでしょうか?
どうかご教授願います。


現在、表にテキストを入力し、「回り込み」で横に並べ、改行して、また表をならべて表示しております。
しかし、Web上では、なんとか見栄えよくなってますが、ビルダー上では、そこだけ、思いっきり右にずれちゃってます。
そうでもしないと、Webでは、左に片寄って表示されてしまうためです。


それに、表を使ったやり方だと、「データの容量が多くなる」と何かの本に書いてありました。

SEO対策のためもあり、そもそもCSSを使った方が、ソースなどもシンプルになるようですので、いろいろ試してみましたが、・・・うまくいきません。


ぐちゃぐちゃになっちゃいます。


CSSの本を読み漁ってみたところ、なにやら「float」の他に、「position」というプロパティを使ったやりかたもあるようですが・・・。
なかなか、ビルダーに反映させられずにおります。

なんとか、ビルダーのスタイルシートマネージャー機能を使ったやり方をマスターしたかったので、こちらに投稿させていただきました。


【テキストボックスを縦横にならべ、中央に寄せるやり方】

は、ございませんか?

お忙しいところ申し訳ありませんが、どうぞ宜しくお願い致します。

Re: ボックスを縦横に並べる方法 ( No.1 )
日時: 2009/03/19 08:44
名前: nn
参照: https://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch

> 【テキストボックスを縦横にならべ、中央に寄せるやり方】

ブロックを中央寄せするのは、ブロックに幅を与えて左右marginをautoにするのが常套。
※IEのバグのため、DOCTYPE宣言はURL付きにする必要がある。

「テキストボックス」とやらについては、それをどのようにマークアップするのかによると思います。
例えば、見出し語とデータの一覧表なのか、見出しと段落の組み合わせなのか、定義語とその説明なのかなど。
まあいずれにせよ、上で作ったブロックにfloatさせればいいと思いますが。

ちなみに、データの容量がどうだとか、SEOがどうだとかじゃなく、それが表なら堂々と表としてマークアップすればいい。

ビルダーのバージョンによっては、float使うと編集画面ぐちゃぐちゃになるからプレビューで確認。
Re: ボックスを縦横に並べる方法 ( No.2 )
日時: 2009/03/20 23:05
名前: J.T
参照: https://sukuea.s270.xrea.com/

ご回答ありがとうございました。

ちなみに、ブロックとは、<div>タグのことでよろしいでしょうか?

再度、nnさんの言うとおり、試みてみようと思います。


Re: ボックスを縦横に並べる方法 ( No.3 )
日時: 2009/03/21 09:09
名前: nn
参照: https://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch

> ちなみに、ブロックとは、<div>タグのことでよろしいでしょうか?

divに限りませんが、今回のようにいくつかの要素をグループ化したい場合などはdivでまとめたりします。
https://www.kanzaki.com/docs/html/element-level.html
https://www.kanzaki.com/docs/html/htminfo14.html#S13.2
Re: ボックスを縦横に並べる方法 ( No.4 )
日時: 2009/03/29 14:12
名前: J.T
参照: https://sukuea.s270.xrea.com/

なるほど・・・。

https://www.kanzaki.com/docs/html/element-level.html
https://www.kanzaki.com/docs/html/htminfo14.html#S13.2

を拝見させていただきましたが、やはり専門用語が多くて大変ですね。
凡人には、なかなか難しいところです。

もうちょっと、ビルダーが扱い易ければ良いのですが・・・。

現在、別件で、時間がとれなくなってしまったので、また、時間をつくって取り組んでみたいと思います。

nnさん、ありがとうございました。

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