![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_15.png?e8efa67)
現在ビルダー12でHPを作成しているのですが、どうしてもわからないことがあります。
表の中に表を作ったのですが、外側の表を基準にして中の表の位置指定をしたいのですが、何度やってみても上手くいきません。(外側の表の左端から下に何ピクセル、右に何ピクセルの場所に指定という具合にしたいのですが…)
自分なりにいろいろ調べてみたのですが、おそらくスタイルシートでクラスをつけて、それから相対指定を用いて設定するのだと思うんですけど、具体的にどうすればよいのかがわかりません。
絶対指定を用いると自分の置きたい場所に置けるのですが、それだと環境によってレイアウトがずれてしまうので使わないようにしたいのですが…
ご返答お待ちしています。
No.2ベストアンサー
- 回答日時:
少し前に投稿された質問の方も読みました。
同じことに関する解決方法として、今回のことを試していた
のでしょうか?
データを表示する為の表として作成しているでしたら、表の
中に表を作成する方法も、さらに絶対位置または相対位置
で好きな場所に移動して表示させる方法も、ちょっと無理す
ぎます。(^-^;A
必要なセルの数ははっきりしていると思いますので、結合
または分割を使用して、表を整えると良いです。
http://hpb.cool.ne.jp/hpbuilder/hyou.htm
http://www.sannet.ne.jp/userpage/lesson/begin/no …
デザインのレイアウト用として表を使用している場合で、
相対配置で上手く出来ない時は、内側の表の代わりに
divまたはpを使用してセルの代わりのボックスを作成
すると良いです。
どちらも幅と高さを指定できますし、boder(線)やマージン
(外側の余白)やパディング(内側の余白)も指定できます。
この場合でも、上記のページを確認して、列を必要な箇所
だけ結合しておくと良いように思います。
クラス名やID名をつけて、その箇所だけにスタイルを適用
させる方法は、以下の2つの項目を確認してください。
・名前を付けてスタイルを設定し、指定した個所に定義したスタイルを適用する
http://www.wsb.jp/hpb/css/a01_1.htm#05
※操作手順1.2.3.の詳細は、ページ上部で確認可能
・IDやclassのスタイルを適用する
http://www.wsb.jp/hpb/css/a01_1.htm#06
※おそらくHTMLタグにクラス名を追加する操作だと思います。
何回でもやり直せるように、エクスプローラで開いて、ファイル
をコピーして複製を作ってから作業すると良いです。
>データを表示する為の表として作成しているでしたら、表の
中に表を作成する方法も、さらに絶対位置または相対位置
で好きな場所に移動して表示させる方法も、ちょっと無理す
ぎます。
…そうだったんですね。初心者なので知りませんでした(笑)
いろいろ考えたのですが、身丈に合うようにシンプルな構造にすることにしました。
中の表を上揃え、左揃えにして、あとはマージンやパディングを細かく指定していったら、思い通りに近いレイアウトにできました。
丁寧なご返答、ほんとうにありがとうございました。URLも参考にさせていただきます。
No.1
- 回答日時:
>外側の表を基準にして中の表の位置指定
それでは絶対配置の方法になってしまいます。
相対配置は、自分(その要素)が本来表示される位置を基準
にしています。
http://www.stylish-style.com/csstec/base/positio …
上記のページの説明がとても詳しいので、参考にしてください。
テーブルであれば、テーブルの幅とセルの幅を正しく指定しな
いと、内容の長さによって、内側のテーブルが本来表示される
位置も変化します。
左右の位置は幅を指定することで固定できますが、上下の
位置は高さを指定してもセルに入力された内容によって変化
するという不都合が…
これは仕様ですので、仕方ないですね。(^-^;
※一行目のセルなど、内側のテーブルを入れるセルの位置
によっては大丈夫のようです。(topとleftで指定した場合)
テーブルで実現できない場合は、divなどを使用するレイアウト
を試してみてください。
>それでは絶対配置の方法になってしまいます。
相対配置は、自分(その要素)が本来表示される位置を基準
にしています。
…そのようですね。本来表示されるところではなく、もう一つ(外側)表を基準に位置を決めたかったのですが、どうやら無理そうです(涙)
ただ、シンプルに中の表を上揃え、左揃えを指定して、細かな指定はマージン、パディングで調整してみたらいい感じのレイアウトになりましたので、この方向で進めていきたいと思います。
丁寧なご返答、ほんとうにありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) ホームページにカウント数を表示する 2 2022/10/28 10:37
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- その他(ビジネス・キャリア) 製造業の倉庫でのQC発表テーマなにか参考になるものありますか? 金属板の加工をしています。 そこの倉 1 2022/10/12 12:43
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Windows 10 Windowsのバッチファイルで正規表現の置換方法について… 4 2022/12/09 16:00
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- 電車・路線・地下鉄 JRの「指定席券売機」 設置してある駅、設置してない駅の違いは? また設置駅一覧表などは公開済み?? 7 2022/08/13 19:04
- 仕事術・業務効率化 朝やらなければならない事をどうしても忘れてしまいます 3 2022/04/15 10:02
- Excel(エクセル) エクセルVBA 任意のセルの選択時、指定のセルの値を表示 1 2023/04/21 08:13
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセル 画面表示拡大率によ...
-
ホームページビルダーの表とセ...
-
表の上に画像を隙間なくつけた...
-
Word2003で表中の文字が勝...
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
エクセルでサイズに合ったもの...
-
Excelの列や行の幅を表示...
-
Excel で等間隔で縦線を引きた...
-
Excel セルの幅が合わない
-
htmltとcssのコードで
-
markdownでテーブルの罫線は、...
-
PDFへてのテキストボックスにて...
-
javascriptでタイトルバーを非...
-
<h1>タグの後の行間を詰めたい。
-
htmlでテーブル内にテキストボ...
-
【ホームページビルダー】表の...
-
Excelで可視部分だけをWeb形式...
-
CSSのtransform: translate(-50...
-
chromeだけbody直下に空白が開く
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセル 画面表示拡大率によ...
-
ホームページビルダーでセルの...
-
表の幅が広がる
-
ホームページビルダーの表にお...
-
Microsoft1Officeの互換ソフト...
-
【DreamWeaver】セルの幅を変更...
-
Word2003で表中の文字が勝...
-
ホームページビルダー(表の色...
-
ホームページの文字が縦に表示...
-
エクセルで一部分のセルの高さ...
-
word,excelで、cm...
-
オープンオフィス ライターの文...
-
ホームページビルダー17 画像挿入
-
ホームページビルダー7で表の枠...
-
HPビルダーで、表を等間隔で...
-
Excelで5×8cmの表を作る方法
-
ワード2002で作成した枠を...
-
ホームページビルダー7にある...
-
ドリームウィーバーでこんな表...
-
エクセル セルの枠(グレーの...
おすすめ情報