WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: <dt><dd> and CSS

for

From: ben morrison
Date: Sep 25, 2006 2:40PM

On 9/25/06, John Foliot < <EMAIL REMOVED> > wrote:
> Many thanks to those that wrote back. The "best" solution suggested was a
> variant on this:
>
> <style type="text/css">
> dl dt,
> dl dd {
> border: 1px dotted #000;
> padding:.25em;
> background:#ffd;
> }
>
> dl dd {
> border-top: 1px solid #ffd;
> margin-top:-1px;
> margin-bottom: .5em;
> }
>
> </style>
>
> Which worked fine in everything but the stoopid Blue E browser...
>
> However, what I was really attempting to do was to use :hover and then style
> the combined elements together.. Which I can't do. Oh well, it was a shot.
>

I've been using DL's for newsLists, and using a bit of JS to achieve
the hover effect - and also make the whole area a clickable box.

You can see an example here:

http://tinyurl.com/hm6bv

ben
--
Ben Morrison