Sent by Big John on 17 June 2004 01:01
Oliver Secluna wrote:
> I have an ordered list and the first list item contains an image followed by
> some text.
> It displays correctly on ie5 mac/win and 6 win, and netscape 7 mac/win. On
> Opera mac and win (version 7), the image covers up the item number.
> See the first item in the 'New Releases' section:
> http://bbcshop.test.venda.com/icat/newreleasestest
Oliver, because of list variances it appears that Opera 7
is not playing nice with this floated image. It's a new one
to me, but I found that if you change the images to absolute
rather than floated it can work decently.
First remove the float declarations that are in the <img> tags,
Then add this to the bottom of your stylesheet:
..grid li {
position: relative;
}
..grid img {
position: absolute;
left: 0;
}
All my Win browswers are reasonable, altho IE5/Win has
the image misplaced a bit. No biggie in my book, but if
you must fix it you can use a conditional comment to
feed IE5 the original float rule to keep it happy.
I don't know what the mac browsers will do, but good luck.
HTH
Big John
PS--You're lucky I came along, because most people won't
mess with the kind of squished-together,'long-line' code
in your source. Having many of the styles inline makes it
even harder. If you plan to ask more questions on this
list I advise you make your code more reader-friendly,
unless you enjoy the sounds of silence. ;)
=====
--
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
__________________________________
Do you Yahoo!?
Yahoo! Mail - You care about security. So do we.
http://promotions.yahoo.com/new_mail
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
