numbered lists

[Jeff Thies]

I have search results coming back and they need to be numbered.

Sounds like an ordered list...

It needs to look like this:

1. ********** line one of information
* image* line two of information
**********

the image is 2 lines high.

The top of the image needs to be aligned with the top of the numeral, to do
that I have to either float the image left or align="left"

ol img{
float: left
}

<ol>
<li> <img src="images/free.gif"> SLAVERY EPHEMERY PROVIDES LINK TO LOST
HISTORY<br />10-18/2003</li>

<li></li>
</ol>

That works fine in NS7.1, but both IE5 and Opera 7 lose the numeral (it
vanishes) .

Suggestions? Or just dump the list?

Jeff

[Atanas Boev]

"Jeff Thies" <no****@nospam. net> wrote in message
news:yM******** ********@newsre ad3.news.atl.ea rthlink.net...

I have search results coming back and they need to be numbered.

Sounds like an ordered list...

It needs to look like this:

1. ********** line one of information
* image* line two of information
**********

the image is 2 lines high.

The top of the image needs to be aligned with the top of the numeral, to do that I have to either float the image left or align="left"

ol img{
float: left
}

<ol>
<li> <img src="images/free.gif"> SLAVERY EPHEMERY PROVIDES LINK TO LOST
HISTORY<br />10-18/2003</li>

<li></li>
</ol>

That works fine in NS7.1, but both IE5 and Opera 7 lose the numeral (it
vanishes) .

Suggestions? Or just dump the list?

Jeff

i'm not sure, but is it possible that your numbering is getting behing the
picture? have you tried some extra padding-left of the li?
suncho

[PaNtHeR]

Jeff Thies wrote:

I have search results coming back and they need to be numbered.

Sounds like an ordered list...

It needs to look like this:

1. ********** line one of information
* image* line two of information
**********

the image is 2 lines high.

The top of the image needs to be aligned with the top of the numeral, to do
that I have to either float the image left or align="left"

ol img{
float: left
}

<ol>
<li> <img src="images/free.gif"> SLAVERY EPHEMERY PROVIDES LINK TO LOST
HISTORY<br />10-18/2003</li>

<li></li>
</ol>

That works fine in NS7.1, but both IE5 and Opera 7 lose the numeral (it
vanishes) .

Suggestions? Or just dump the list?

Jeff

try with adding some extra right margin to img

ol img{
float: left
}

<ol>
<li> <img src="images/free.gif" style="margin-right: 20px"> SLAVERY
EPHEMERY PROVIDES LINK TO LOST
HISTORY<br />10-18/2003</li>

<li></li>
</ol>
hope it helps.