Forum Moderators: not2easy

Message Too Old, No Replies

Headings and Lists Help

Removing line breaks between a Heading and Lists

         

Jared_NZ

12:38 am on Feb 24, 2004 (gmt 0)

10+ Year Member



I have a peice of text

that is a header
and then several bullet points

I don't want there to be any line breaks in this peice of text besides the end of a sentence.

here is an example of my code


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<h4 style="display:inline;">blah </h4>
<ol style="display:inline; list-style-type: decimal">
<li> rwrwbrb </li>
<li>hrerehhre</li>
</ol>
</body>
</html>

now as you will see that almost works, but in IE the list no longer incriments and you will just keep rendering the list with same bullet number.. e.g
1. "Text"
1. "Text"
etc etc

but if you remove display: inline style it will work properly once more, but then the line break appears again.

So has anyone managed to get around this little problem I'm having?

I'd appreciate any suggestions.

Thanks!

choster

12:54 am on Feb 24, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<style type="text/css">
h4 {margin-bottom:0em}
ol {margin-top:0em; list-style-type: decimal}
</style>

Remove the inline styles and try it out.

Jared_NZ

3:06 am on Feb 24, 2004 (gmt 0)

10+ Year Member



ahh that worked, you're a legend mate :)

thank you.