By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,879 Members | 1,809 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,879 IT Pros & Developers. It's quick & easy.

numbered lists

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
"Jeff Thies" <no****@nospam.net> wrote in message
news:yM****************@newsread3.news.atl.earthli nk.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
Jul 20 '05 #2

P: n/a


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.

Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.