No.4ベストアンサー
- 回答日時:
●例解です。
・テーブルの行全体をリンク化することを前提。
・完全な実装/検証は、ご自身でしてください。
・他に、もっとすばらしい方法があるかもしれません。
・動作確認は、IE6, Opera7.53, Firefox0.93 のみ
---------------------------------------------------------------------
<style type="text/css"><!--
a:link.jsLink { color: #00c; text-decoration: none; }
a:active.jsLink { color: #00c; text-decoration: none; }
a:visited.jsLink { color: #808; text-decoration: none; }
--></style>
<script type="text/javascript"><!--
function linkOver(obj)
{
obj.style.backgroundColor = "#ffcc00";
}
function linkOut(obj)
{
obj.style.backgroundColor = "#ffffff";
}
// --></script>
</head><body>
<table>
<tr onMouseOver="linkOver(this);" onMouseOut="linkOut(this);">
<td><a class="jsLink" href="foo.html">09月20日</a></td>
<td><a class="jsLink" href="foo.html">題名</a></td>
</tr>
</table>
No.2
- 回答日時:
セルを結合してしまう、というのは?
<table border="1">
<tr>
<td rowspan="2">
<a href="#">09月20日<br>
題名</a>
</td>
</tr>
</table>
いえ、横に並べたいので、申し訳ないのですがその方法ではちょっと無理ですね…
なぜこのような面倒な方法をとるかというと、日付と題名の対を縦にたくさん並べたときに日付と題名の先頭がそろうようにしたいからです。
09.21.Tue 題名1
09.22.Wed 題名2
09.23.Thu 題名3
<TT></TT>を使って、日付に等幅フォントを使おうとしましたが、デザイン上、フォントを変更しない方法がいいです(verdanaを使ってます)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
cssで、表示されるテキストによ...
-
ホームページ 表の上の余白を...
-
表の1列だけをCSSを使って右揃...
-
HTMLのテーブルで桁をそろ...
-
divの中にtableを入れています...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
テーブルのセルに画像をピッタ...
-
テーブル結合 縦横両方するには?
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの行の高さを指定する...
-
nowrapを指定しても改行される...
-
中に<table></table>が使えるア...
-
テーブルのヘッダとボディの幅...
-
width指定したTDでwhite-space:...
-
formの横幅を揃えたい。
-
文字列が入っているtdを削除せ...
-
トーナメント表の製作
-
safariで特定条件下でデーブル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
表の1列だけをCSSを使って右揃...
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報