“イベント名 日付”
のように一行の中で一部の文字列(イベント名)は左寄せ、一部の文字列(日付)は右寄せ
にするにはどのようにすればいいでしょうか。
加えますと、この一行は<TABLE>で書かれた<TD>~</TD>の中のものです。
<TABLE BORDER>
<TR><TD>イベント1 日付</TD><TD>なんとか</TD><TD>かんとか</TD>
<TR><TD>イベント2 日付</TD><TD>なんとか</TD><TD>かんとか</TD>
</TABLE>
のようになっています。
区切りの線を入れたくないので一つの<TD></TD>の中に入れたいと思っています。
<TD>内で改行無しに左寄せ&右寄せの方法はありますでしょうか。
最終手段としては中に透明なTABLEを入れて対処しようとは思ってますが、
スタイルシートやALIGNの使い方でいい方法がありましたらご教示願います。
宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
<TABLE BORDER>
<TR><TD><div style="float:right;text-align:right;">日付</div>イベント1</div></TD><TD>なんとか</TD><TD>かんとか</TD>
<TR><TD><div style="position:absolute">イベント1</div><div style="text-align:right">日付</div></TD><TD>なんとか</TD><TD>かんとか</TD>
td{border:solid 1px}
.aa{border:solid;border-width:1px 0 1px 1px}
.bb{border-width:1px 1px 1px 0;text-align:right;}
<TR><TD class="aa">イベント1</td><td class="bb">日付</TD><TD>なんとか</TD><TD>かんとか</TD>
No.2
- 回答日時:
CSSでは参考ページがありました。
http://allabout.co.jp/internet/hpcreate/closeup/ …
参考URL:http://allabout.co.jp/internet/hpcreate/closeup/ …
お探しの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
- 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
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- 工学 【制御工学】単位ステップ応答の遅れ時間の求め方(令和2年度の機械設計技術者試験(制御工学)の問題) 3 2022/11/02 10:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
横スクロールサイトの中央寄せ
-
CSSで3分割した背景画像を配置...
-
css初心者 フレックスボックス...
-
paddingがきかない。
-
【CSS】ヘッダーの高さが不明の...
-
safariだけ、cssが効きません!
-
CSS、width100%でもできる余白
-
borderをページの下まで伸ばしたい
-
メイン画像とグローバルメニュ...
-
スクロールボックスを中央に配...
-
横のTableタグのヘッダを...
-
divで囲まれたpaddingの指定を...
-
CSSでボックスのheightが0になる
-
form input テキストを上下中央...
-
フッターを固定したい…
-
余分な縦スクロールバーが出て...
-
cssでのdiv要素内div要素の上部...
-
<div>と<div>の間の10px程の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
表示倍率を変えるとレイアウト...
-
CSSがなぜかfont-sizeだけ効か...
-
CSS、width100%でもできる余白
-
W3Cのソースコードの検証サービ...
-
CSS:animation開始位置の設定
-
CSSで指定した背景画像にリンク...
-
余分な縦スクロールバーが出て...
-
<div>と<div>の間の10px程の...
-
【CSS】ヘッダーの高さが不明の...
-
CSSでボックスのheightが0になる
-
スクロールボックスを中央に配...
-
li 黒丸含んで移動する方法
-
border-style:solidで文字がずれる
-
Media Queries 4 で 非推奨とな...
-
【HTML&CSS】フッター下部の余...
-
初心者html・CSS ウィンドウを...
おすすめ情報