Re: CSS cell padding

J Williams wrote:

Here's another way to go:

style type="text/css"
!--
td.lnavhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 4px;
font-weight: bold;
color: #000000;
background-color: #99CCFF;
}
td.lnavhead a {
display: block;
text-decoration: none;
}
td.lnavhead a:link {
color: #000000;
}
td.lnavhead a:visited {
color: #000000;
}
td.lnavhead a:hover {
color: #FFFFFF;
background-color: #666666;
}
td.lnavhead a:active {
color: #000000;
}
--
/style
/head
body
table width="200" border="0" cellspacing="0" cellpadding="0" class="lnavhead"
tr
td><a href="#">Linked Item </a></td
/tr
tr
td>Not Linked </td
/tr
/table
/body
/html

--
James M. Shook
http://www.jshook.com

Thanks for your reply.

Moving the 'padding: 4px;' from the 'td.lnavhead a' style to 'td.lnavhead'
gives the same padding in both cells, but makes the hover on the Linked Item
not fill the whole cell. I want the hover background colour to fill the
whole cell.

"James Shook" <jshook (AT) dont_mail (DOT) com> wrote

J Williams wrote:

Here's another way to go:

style type="text/css"
!--
td.lnavhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 4px;
font-weight: bold;
color: #000000;
background-color: #99CCFF;
}
td.lnavhead a {
display: block;
text-decoration: none;
}
td.lnavhead a:link {
color: #000000;
}
td.lnavhead a:visited {
color: #000000;
}
td.lnavhead a:hover {
color: #FFFFFF;
background-color: #666666;
}
td.lnavhead a:active {
color: #000000;
}
--
/style
/head
body
table width="200" border="0" cellspacing="0" cellpadding="0"
class="lnavhead"
tr
td><a href="#">Linked Item </a></td
/tr
tr
td>Not Linked </td
/tr
/table
/body
/html



--
James M. Shook
http://www.jshook.com