
“イベント名 日付”
のように一行の中で一部の文字列(イベント名)は左寄せ、一部の文字列(日付)は右寄せ
にするにはどのようにすればいいでしょうか。
加えますと、この一行は<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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
画像イメージの上下左右、欲し...
-
iframe 内の画像を自動縮小させ...
-
HTMLのiframeの入れ子について
-
Firefoxでネガティブマージンが...
-
【CSS】ヘッダーの高さが不明の...
-
z-indexで上になっている要素だ...
-
テキストボックスの高さを可変...
-
css初心者 フレックスボックス...
-
CSSで左に画像、右にテキストを...
-
中点「・」の改行について
-
CSSで画面サイズを縮小するとレ...
-
リンクの下線と文字の間隔を開...
-
CSSで左側の余白
-
W3Cのソースコードの検証サービ...
-
CSSのposition値の上書き(打消...
-
table周辺の隙間をなくしたい。
-
日本地図(白地図的)にリンク...
-
ライトボックスでスクロールバー
-
CSSで指定した背景画像にリンク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
【CSS】ヘッダーの高さが不明の...
-
css初心者 フレックスボックス...
-
form input テキストを上下中央...
-
画像イメージの上下左右、欲し...
-
CSSがなぜかfont-sizeだけ効か...
-
余分な縦スクロールバーが出て...
-
<div>と<div>の間の10px程の...
-
htmlでheightが自動で延長
-
ネガティブマージン
-
画像リンクの下に文字を付けた...
-
table周辺の隙間をなくしたい。
-
入力フォームとセレクトボック...
-
footer を横幅いっぱいに広げる...
-
ライトボックスでスクロールバー
-
定義リストに下線をつけたいと...
-
テーブルのセル間に余白が空い...
-
XHTML+CSS で、ブラウザごとに...
-
CSSについて。このサイトの背景...
おすすめ情報