![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.2ベストアンサー
- 回答日時:
>かなり力技の様な気がするのですが…どうなんでしょうか?
はい。力技です。
だって『<span>などをつかって、』というお題があったから…
>テーブルの入れ子で、最初は対応しようと考えていました。
あれれ?もしかしてこういうのを希望していたのでしょうか?
.L {
width:100px;
float:left;
}
.R {
text-align:right;
margin-left:100px;
}
<table width="200">
<tr><td>
<div class="L">左</div>
<div class="R">右</div>
</td></tr>
</table>
定石はやっぱり無理やり <span> を使うんじゃなく、今回の例のように素直に生粋のブロックレベル要素でレイアウトしてやる事だと思いますよ。
ありがとうございます。
>だって『<span>などをつかって、』というお題があったから…
すみません。
<div>がパッとでてこない位、初心者なもので・・・
まさに、私が求めていたものです。
このあと、右・左の位置を微妙に調整したいので、width:も必要でした。
本当にありがとうございました。
No.1
- 回答日時:
td {
position:absolute;
}
.right {
display:block;
position:absolute;
top:0;
right:0;
}
<table width="200">
<tr><td>
左<span class="right">右</span>
</td><tr>
</table>
こんな感じでどうですか?
ありがとうございます。
試してみれば、希望どおりになりました。
今、CSSを勉強中です。
だからよくわかっていませんが、今回の方法は、かなり力技の様な気がするのですが…どうなんでしょうか?
そもそも、このようなことは、CSSでするべきではないのでしょうか?
今までテーブルタグばかり使っていたので、いまいちCSSの感覚がわかりません。
テーブルの入れ子で、最初は対応しようと考えていました。
しかし、フォントを%指定したところ、思うどおりのレイアウトができません。
そこで、何か定石な様なものがあるのかと思い質問しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
Tableタグで作成した表の縮小
-
IEでテーブル内のテキストが...
-
表とリスト(ulとtable)の違い...
-
MAC版IEのCSS、paddingを適用す...
-
formのinputなどの幅100%指定
-
table内の画像を中央寄せ、のせ...
-
スタイルシートでpaddingを使う...
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
<img>の右横に<table>を配置したい
-
ホームページでローカルでは表...
-
セルの高さを固定するには?
-
<img>タグにCSSのclass設定可能?
-
td width="180" と固定してるの...
-
td要素内のdiv要素をセンタリン...
-
このHTXLソースが意味する動作...
-
HPビルダー10で、ロゴ、写真...
-
テーブル内のテーブルの高さを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
cssで、テーブルのtdの中の文字...
-
XHTMLに関する質問 順序が逆に...
-
vbscriptで時計を作りたい
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
商品詳細を横並びに表示する方法
-
表とリスト(ulとtable)の違い...
-
入れ子にしたテーブルをheight1...
-
TDタグ内での均等割付の仕方
-
テーブルのセル内の隙間を取れ...
-
td要素内のdiv要素をセンタリン...
-
HTMLのテーブルでそれぞれの大...
おすすめ情報