人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートでマウスが上に来た時に、セルの色が変化するように以下のように記入しました。
/* テーブルリンク時の設定
------------------------------------------------*/
.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列タイプ何段でも重ねられます」とテーブルの間隔に比べて
間があきすぎています。
この間隔を狭めるにはどのようにしたらよろしいでしょうか?

●質問者: yuki1113
●カテゴリ:インターネット ウェブ制作
✍キーワード::hover :link :visited background-color border
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kaz
●60ポイント ベストアンサー

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

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


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

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


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

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


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

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

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

◎質問者からの返答

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ