テーブルの左に文字いれたいんですけど…

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 美緒 : 2006/05/23(火) 13:54

私は、テーブルの左に文字をいれたいんですが、うまくいきません。
今回ホームページを作るのも初心者なので教えてほしいです。
ちなみにテーブルのタグは下のこれです。

<table border="1" bordercolor="#0033ff" cellspacing="1" cellpadding="0" align="right" width="400" HEIGHT="300">
<TR>
<TD VALIGN="TOP">
<BR>
 <SPAN style="font-size: 13px;width: 380;border-bottom: solid #000000 3;"></SPAN><BR>
<BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <BR>
</TD>
</TR>
</TABLE>

テーブルの横に入れたい文字



このタグの前には、<table align="right" >をいれました。
もちろん、左にはなるんですが、文字とテーブルがあいてしまいます。
私の力不足というか、調べる力が足りないだけかもしれませんが、どうしたら、テーブルと文字がくっついてくれるのかわかりません。
どうしたらいいか誰か教えてください。


1   名前: ???? : 2006/05/23(火) 13:54  ID:aRPuyaCr
単純に 今あるTABLEの外にレイアウト用にTableを入れ子にしてみてはどうでしょうか?????
以前はTABLEレイアウトで良くやっていました。TABLEを固定するために透明.gif画像をセルに詰め込んで。
<div style="width:800px;"><!--外側-->
<div style="float:left;width:400px;text-align:right;padding:0px;">
text-indent:◇◇◇emでもいいかな?????
</div>
<TABLE style="float:right;margin:0px;" border="1" bordercolor="#0033ff" cellspacing="1" cellpadding="0" WIDTH="400" HEIGHT="300">
<TR>
<TD VALIGN="TOP">
<BR>
 <SPAN style="font-size: 13px;width: 380;border-bottom: solid #000000 3;"></SPAN><BR>
<BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <SPAN style="font-size: 11px;width: 380;border-bottom: dashed #775476 1;"></SPAN><BR>
 <BR>
</TD>
</TR>
</TABLE>
</div><!--外側-->

▼border、padding、marginを指定するとUAによってはレイアウトが崩れるかも????何てのも、一つの方法かと、又

<div style="width:800px;position:relative;"><!--外側に座標を与える-->
<div style="width:200px;height:300px;margin-left:200px">
2つのBOXを右を基準にレイアウトすると左に余白が……(*^_^*) ?????
</div>

<TABLE style="float:right;position:absolute;right:0px;top:0px;" border="1" bordercolor="#0033ff" cellspacing="1" cellpadding="0" WIDTH="400" HEIGHT="300">


</TABLE>
</div><!--外側-->

▼これらがBESTの設定とはいえません????????、方法は沢山あります。

2   名前: 美緒 : 2006/05/23(火) 13:54  ID:CpaJDhP9
ありがとうございます。
早速試してみますね。
何もわからないことだらけで助かりました。

一覧へ戻る