++TOP++

--　表-2

●表の中の文字列が、２列になってしまいます。
　　１列にすっきりと、表示させたい。
●ボーダーの壁紙を使うとき、文章を左よせにすると、
　せっかくの模様が、隠れてしまいます。どうしたらいいのですか？


　

Ｑ　表の中の文字列が、折り返されてしまいます。　１行にすっきりと、表示させるには、どうしたらいいですか？
Ａ　タグを開いて、文字列のあるセル<TD>に、 nowrapを、書き加えてください。
ハンドルネーム アン
趣味 読書が好きです。特に好きなのが、「赤毛のアン」です。

例：
●左の表を見ると、「ハンドルネーム」が、２行になってます。
　　タグは、下のようになります。
<TABLE border="1" width="300">
<TR>
<TD>ハンドルネーム</TD>
<TD>アン</TD>
</TR>
<TR>
<TD>趣味</TD>
<TD>読書が好きです。特に好きなのが、「赤毛のアン」です。</TD>
</TR>
</TABLE>
ハンドルネーム アン
趣味 読書が好きです。特に好きなのが、「赤毛のアン」です。

●この「ハンドルネーム」を、１行に表示させるには、nowrap を書き加えます。
<TABLE border="1" width="300">
<TR>
<TD nowrap>ハンドルネーム</TD>
<TD>アン</TD>
</TR>
<TR>
<TD>趣味</TD>
<TD>読書が好きです。特に好きなのが、「赤毛のアン」です。</TD>
</TR>
</TABLE>

これで、表がすっきりとしますね♪


　

Ｑ　ボーダーの壁紙を使うとき、文章を左よせにすると、せっかくの模様が、隠れてしまいます。
Ａ　これは、表（tableタグ）を使えば、簡単です。

width="150"
ここに、普通のレイアウトをします。
（表がわかりやすいように、枠を表示させていますが、実際は、枠線は表示されません。）

●タグを開いて、↓下のタグをBODYに、書き込んでください。
<BODY>
<TABLE border="0" width="100%">
<TR>
<TD width="150"></TD>
<TD >
ここに、普通のレイアウトをします。
</TD>
</TR>
</TABLE>
</BODY>

●border="0" width="100%"で、画面横いっぱいの枠なしの表を設定しています。

●<TD width="150">で、左のボーダーの柄の部分を、指定しています。
　　ボーダーの柄の幅に合わせて、数値は変更してください。

●「ここに、普通のレイアウトをします。」の部分に、そのページのタグを書き込んでください。



●ホームページビルダーの場合

●「表の挿入」ボタンをクリック。列の設定を、２列にします。
　　　　　　　　　　　↓
●表の左側のセルを右クリックして、現れたメニューから、「属性の変更」を選択。
　　　　　　　　　　　↓
まず、上のタグが、「表」になってるのを、確認します。もし、イメージなどになっている場合は、
「▼」ボタンを押して、メニューから「表」を選んでください。
　　　　　　　　　　　↓
上の「表」タブを、クリック。
「表の幅」を、「100％」に設定。（「13.表を使ってきれいにレイアウト」参照）　
枠表示のチェックマークを、はずします。
　　　　　　　　　　　↓
上の「セル」タブを、クリック。
「セルの幅」を、「30ピクセル」に設定。（この数字は、ボーダーの幅に、
合わせて調節します。）「ＯＫ」を、クリック。
　　　　　　　　　　　↓
●これで、右側のセルに、文章を打ち込めば、模様が隠れることは、ありません。　　　　

　
　　　

copyright(C)2002 A.Sakaguchi all rights reserved
Anne's Small Box