オンライン健康相談、gooドクター

テーブル内の文字数が多くてもテーブルサイズを変えなくする方法

テーブル内の文字数が多くてもテーブルサイズを変えなくする方法

はじめまして。

ホームページビルダー9でホームページ作っています。

質問(1)

テーブルを作って、文字をそのテーブルに入力した場合、
文字数が多いとテーブルが大きくなります。

このテーブルのサイズを、文字が多くても少なくても、
また、文字サイズが変わっても、テーブルを固定された
サイズにして、テーブルからはみ出た分の文字は、
表示されないようにするには、どうすればいいですか?

テーブルをスタイル位置絶対にしてみましたが、
文字数、文字サイズによってサイズが変わってしまいます。

このイメージ通りのテーブルを作るには、どこの設定を
変えればいいでしょうか?

質問(2)
テーブルの中に2つ独立したテーブルを入れて、
その独立したテーブルに各々AとBの文書を入れた場合、

条件
・Bは全ての文書を必ず表示するものとします。
・Aは入る範囲内で文字を表示するものとします。
 表示しきれない分の文字は表示しないものとします。。

これら条件でのテーブル設定は、どのようにすればいいでしょうか?

これに近いHPのソースを除いてみたのですが、目新しいタグが見つかりません。
仮にA、Bの文書がデータベースから引き出されていたものだとすると、
HP上のテーブル設定ではなくて、データベース作成時の文字数調整(AとBを足してAがはみだすようであれば、はみ出した分を削除)だということでしょうか?

イメージの図を描きました。
線がずれて見づらいですが。

Aの文字数が少ない場合
|--------------|
|--------------|
||A ||
|--------------|
|--------------|
||B ||
|--------------|
|       |
|       |
ーーーーーーーー

Aの文字数が多い場合

|--------------|
|--------------|
||A ||
||      ||
||      ||
|--------------|
|--------------|
||B      ||
|--------------|
ーーーーーーーー

よろしくお願いします。

以上

gooドクター

A 回答 (1件)

>目新しいタグが見つかりません。


昔からある設定で良ければ・・・

HTML,CSSソースを自分で設定して下さい。
以下の設定は、セル内でオーバー分を非表示にしたい場合に、
<div></div>で囲めば非表示になるソースです。
A,Bの違いが分かれば、どんなケースでも応用次第でお望みできると思いますが。
---------------
/* ■ CSS */
.tab td{ width:100px;}
.tab td div{ width:100px; height:1.1em; overflow:hidden;}


<!-- ■ HTML -->
<table border="1" class="tab">
<tr><td>
A A A A A A A A A A A A A A A A A A A A A A A A
</td></tr>
<tr><td>
<div>
B B B B B B B B B B B B B B B B B B B B B B B B
</div>
</td></tr>
</table>
    • good
    • 0
この回答へのお礼

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

お礼日時:2010/11/01 14:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

gooドクター

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング