Reply
Ordered Lists
Old 08-28-2005, 02:31 PM Ordered Lists
Ultra Talker

Posts: 255
Location: NY
Hello,
I'm new to this forum, however, I've been an avid reader for awhile and have found some good advice here. I'm hoping that someone will know the answer to the problem I'm having. I have not been able to find a solution.

I created an ordered list. I have 4 numbered items in the list. I want to create a line space between each numbered item. However, when I use a <br>, the HTML does not validate correctly. (It doesn't validate with any type of list.)

I get the following error statement: document type does not allow element "BR" here; assuming missing "LI" start-tag.

I get a similar error when I use the <p> </p> also.

I've also tried using a space.gif image and increasing the 'height' between each line, but it doesn't work that way, I guess.

How can I create a space between each listed item and still be able to have it validate it correctly?

I am using the following DOC-Type on my pages:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">

and all except my one page (with the lists) have validated correctly.

Thank you,
DianeD
DianeD is offline
Reply With Quote
View Public Profile Visit DianeD's homepage!
 
When You Register, These Ads Go Away!
Old 08-28-2005, 02:41 PM
security's Avatar
Experienced Talker

Posts: 45
Where are you putting the BR? Before or after closing the LI?
security is offline
Reply With Quote
View Public Profile
 
Old 08-28-2005, 03:04 PM
chrishirst's Avatar
Super Moderator

Posts: 15,314
Location: Blackpool. UK
Use CSS

Code:
li ol {
   margin-bottom:1em;
}
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System | Bits & Bobs
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-30-2005, 06:25 PM
Ultra Talker

Posts: 255
Location: NY
Actually, I did try using the <br> before *and* after the LI, nothing seemed to work, however....

THANK YOU, Super!! I added the CSS code to my style sheet and it worked like a charm!! I also included the ul like this:

ol li, ul li {
margin-bottom:1em;
}

Much appreciated! Almost had a bald spot where I was pulling out my hair!!

It's these little things that drive one crazy!!

Thanks again,
Diane
DianeD is offline
Reply With Quote
View Public Profile Visit DianeD's homepage!
 
Reply     « Reply to Ordered Lists
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.12232 seconds with 12 queries