配置
-
0 名前： ナリ ： 2005/08/09 00:59
- 文字の横(右)に表を表示させたいんですけど
どうすればいいのかわかりません；；
表の横に表はわかるんですけど、文字の横に表のように配置するのは
どうすればいいんですか？
一応このサイトを全部回ってみたんですけど・・・
単に見落としてるだけなのかもしれませんけど；；
-
1 名前： tk ： 2005/08/09 00:59
- たぶん、これじゃないかな
http://www.tagindex.com/html_tag/table/table_align2.html
-
2 名前： ナリ ： 2005/08/09 00:59
- tkさんのおかげで似た感じのをスタイルシートで見つけることができました
ありだとうございましたm(_ _)m
それで質問があるんですけど
<STYLE TYPE="text/css">
<!--
TABLE, TD {
border: 2px #2B2B2B solid;
}
.sample {
float: left;
margin: px px;
}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE CLASS="sample">
表
</TABLE>
文字
</BODY>
</HTML>
↑の表の所に・・・
<table width="200" height="100" cellspacing="0" cellpadding="2" style="border:1px solid #ffdfb3;">
<tr height="20">
<td style="background-color:#ffb755;font-size:8pt;color:#fff;filter: alpha(opacity=100,finishopacity=25,style=1);"><b>
</</b>
</td> </tr><tr>
<td style="font-size:8pt;color:#ffb755;">
↑のタグの表を入れたいんですけどなぜかできません・・・
他の簡単な表(<TD> </TD>)みたいなのならできるんですけど；；
表のタグが<tableから始まってるせい？か１つ↑のタグの<TABLE CLASS="sample">
とかかっていてできません；；
こういう時はいったいどうすればいいんですか？
(<table〜<tr height="20">までを消して表にすると
ちゃんと文字の横に表がきます)
できる方にはまったく馬鹿な質問だと思うんですけど
何方か教えてください＞＜；
-
3 名前： あや ： 2005/08/09 00:59
- ちゃんとテーブルタグの解説は見ていますか？
http://www.tagindex.com/html_tag/table/index.html
『TABLEタグ、TRタグ、TDタグを組み合わせて使用します。』と記載されています。
sampleを指定した方のテーブルは、TRもTDもついてないからセル自体が作られていません。
中身を入れる場所ができていないのです。
-
4 名前： ナリ ： 2005/08/09 00:59
- 一応<tr>も<td>入れてるんですけどねえ・・・
こっちから見るとちゃんと表になってるんですけど；；
(単に僕の思い込みの可能性の方が高そうですけど・・・)
最後に聞きたいんですが
<STYLE TYPE="text/css">
<!--
TABLE, TD {
}
.sample {
float: right;
margin: 20px 0px;
}
-->
</STYLE>
</HEAD>
<BODY>
<table class="sample" width="200" height="100" cellspacing="0" cellpadding="2"
style="border:1px solid #ffdfb3;">
<tr height="20">
<td style="background-color:#ffb755;font-size:8pt;color:#fff;filter: alpha(opacity=100,finishopacity=25,style=1);"><b>
</</b>
</td> </tr><tr>
<td style="font-size:8pt;color:#ffb755;">
<marquee direction="up" width="150" height="70" scrollamount="1">
<span style="font-weight:bold;">
</span><div style="margin:3px 0px 5px 10px;">
文字<P>
</DIV>
<span style="font-weight:bold;">
</span><div style="margin:3px 0px 5px 10px;">
文字<P>
</DIV>
</marquee></td></tr></table>
<B>
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
</B><P>
<B>
★★★★★★★★★★★★★★★★
</B><P>
<SPAN STYLE="font-size:90%;">
□□□□□□□□□□□□□□□□□□□□□□□
<P>
■■■■■■■■■■■■■■■■■■■■■■■
</SPAN>
</BODY>
</HTML>
↑のタグの７行目の所にmargin: 20px 0px;というのがあって
0の数字の方に0以上の数字を入れると表が左側に動いて予定通りなんですけど
なぜかついでに１列目の☆(なんでもいい文字)まで余白をあけて(右側に)動いてしまいます
表だけを左側に動かして
☆(なんでもいい文字)はそのまま端っこ(0ptの時に表示されるみたい)にしたいんですけど
それはどうすればいいんですか・・・？ 何方か教えてください＞＜；
