On 11/14/2005 4:44 AM ivanovitch wrote:

I've been trying very hard to propel myself into the 21st century and
apply web standards and use good CSS as much as possible, but I'm
stuck on getting a div to honour a hover state that I am trying to
build. Guidance appreciated...

The demo page is at http://imeet.com.au/aa2/ - it's cut right backto
highlight my problem. Ignore the content, and the site URL

This did it for me (adding stuff for the a selector and moving the padding there):

<style type="text/css">
div.input {border-color: #ccc;border-width: 1px 1px 0px 1px;border-style: solid;}
div.item {border-bottom: #999;border-width: 0 0 1px 0;border-style: dotted;}
#author {font-size: 1.2em;color: #f30;font-weight: bold;}
#comment {font-size: 1.0em;color: #666;}
#timestamp {font-size: 0.9em;color: #999;}
a {
  padding: 2px 0px 3px 0px;
  display: block;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {background: #fc3;color: #fff;}
</style>

--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590

******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

Reply via email to