スタイルシートでマウスが上に来た時に、セルの色が変化するように以下のように記入しました。

/* テーブルリンク時の設定
------------------------------------------------*/
.table a {
border: none;
text-decoration:none;/*--リンクの下線を消す--*/
height: 100%; /*-----IE対策------*/
width:100%;
display: block;
}

/* メニューにマウスポインタが乗った時色がかわる
------------------------------------------------*/
.table a:link:hover,
.table a:visited:hover {
background-color: #ffd9f5;/*--バックの色----*/
}

ところが、こちらのページを参考にしていただきたいのですが
http://homepage3.nifty.com/mother/sample.htm
「必ずする手続き」とテーブルの間が空きすぎているため、対応として

.table {
font-size :12px;
margin-top: 0px;/*テーブル上部の空白*/

と記入してみましたが、下の「3列タイプ何段でも重ねられます」とテーブルの間隔に比べて
間があきすぎています。
この間隔を狭めるにはどのようにしたらよろしいでしょうか?

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:2009/09/21 20:41:02
  • 終了:2009/09/21 21:01:53

ベストアンサー

id:kaz No.1

kaz回答回数200ベストアンサー獲得回数422009/09/21 20:54:31

ポイント60pt

http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

スタイルシートとは関係ありません。


60行目「【母子手帳の交付】」のセルの後にある

3つの全角スペースが原因です。


そのほか、61行目「【妊婦、新生児訪問】」の後が

閉じタグ「</td>」ではなく、開始タグ「」になっているようです。


表示がおかしい場合、Another HTML-lint を利用すると、

タグの閉じ間違い、書いてはいけない場所に何かを書いている、など

パッと見気づかない間違いを発見する事ができるのでおすすめです。

id:yuki1113

おぉ!テーブルタグ内の表示によっても、間隔が空いてしまうものなのですね。

また、61行目のタグの間違いのご指摘もありがとうございました!!

試してみたら、しっかり思いどおりの表示になりました。

迅速な回答ありがとうございました。

2009/09/21 21:01:32
  • id:kaz
    回答した kaz です。
    回答中のタグをそのまま半角で書いてしまいました。

    見えない部分には「<td>」があります。
    また、タグが原因でページが崩れてしまっていたらすみません。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません