Previous Message
Next Message

Styling DL

Sent by Usamah M. Ali on 25 February 2008 16:04


On Mon, Feb 25, 2008 at 6:07 PM, Richard Brown [EMAIL-REMOVED]> wrote:
> Hi All
>
>  On this page:
>  <http://www.weada.co.uk/members/uzella-court-antiques/>
>  The county entry was riding up into the city field. I added clear:left
>  into the dl class so that it didn't do it but I am a bit concerned
>  that it might not be correct.
>
>  Have I stored up problems for myself please? Is there a better way to
>  style this list please?
>
>  Thanks. Css is at:
>  <http://www.weada.co.uk/wp-content/themes/brownsite/style.css>
>  --
>  Kind regards
>  Rich
>

Hi Rich,

First of all your markup for definition lists is incorrect. You should
declare the <dl> tag only once. Just as you do with ordered and
unordered lists.

<dl>
<dt>title</dt>
<dd>content</dd>
<dt>title 2</dt>
<dd> content 2</dd>
<dt>title 3</dt>
<dd>content 3</dd>
....
....
</dl>

As about styling the list, your approach is OK, just add a
non-breaking space (&nbsp;) where you have empty fields (like city in
your example) so as to prevent occupying its space by other elements.

Regards,
Usamah
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: