Part of the EllisLab Network
   
 
Any opera users who could lend a hand?
Posted: 20 February 2007 02:20 PM   [ Ignore ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  472
Joined  09-26-2006

If some kind soul who sometimes uses opera on windows could check this for me, I would really appreciate it.
The problem is using a list-image with hover in opera causes a funny as per the screen image.
It works until I hover over the last item, then the image vanishes and the standard disc appears.

I have a workaround, but would like to know for sure if this is an opera prob or just my local setup.
(I have not uploaded the bullet images, you can use any two icons to test).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<
head>
<
meta http-equiv="content-type" content="text/html; charset=utf-8" />
<
style type="text/css">

ul {
list-style-image: url(bullet.gif);
list-
style-position: inside;
}

ul li
:hover {
list-style-image: url(bullet_on.gif);
}

</style>
<
title>text page</title>
</
head>

<
body>
<
h2>Heading</h2>
<
ul>
<
li>list item 1</li>
<
li>list item 2</li>
<
li>list item 3</li>
</
ul>

</
body>
</
html>

 Signature 

Old programmers never die, they just parse away.

Profile
 
 
Posted: 20 February 2007 05:13 PM   [ Ignore ]   [ # 1 ]  
Research Assistant
RankRankRank
Total Posts:  970
Joined  04-13-2006

This code in Opera 6.0.1 shows me no hover effects at all. Other than that, at least nothing seems to go wrong.
This reminds me that I still have a lot of my own stuff to test on Opera. Let joy be unconfined….

Profile
 
 
Posted: 21 February 2007 12:46 AM   [ Ignore ]   [ # 2 ]  
Summer Student
Total Posts:  24
Joined  02-08-2007

Version 9.02 reproduces exactly what you describe.

 Signature 

Ubuntu 6.10 . Apache 2.0.55 . PHP 5.1.6 . MySQL 5.0.24 . CI 1.5.2

Profile
 
 
Posted: 21 February 2007 07:08 AM   [ Ignore ]   [ # 3 ]  
Grad Student
Rank
Total Posts:  74
Joined  03-22-2006

Shouldn’t here be ?

ul li{
list-style-image: url(bullet.gif);
list-
style-position: inside;
}

Profile
 
 
Posted: 21 February 2007 07:30 AM   [ Ignore ]   [ # 4 ]  
Research Assistant
RankRankRank
Total Posts:  362
Joined  10-02-2006

Does the behavior change if you add list-style-type as a fallback in the CSS?

 Signature 

CI version?
From SVN.

Profile
 
 
Posted: 21 February 2007 01:07 PM   [ Ignore ]   [ # 5 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  472
Joined  09-26-2006

Many thanks for all the replies, you guys have helped already.
Whew! now for the feedback.

@Martin. Opera v6 WOW!, where’d you get that from, the Imperial museum grin
I’m using v9 / 9.1 : I think anything below v8 will not handle the hover.
Thats ok, though as the hover is just candy in this case. So long as nothing else broke.

@mank1327. Thank you so much. That’s exactly what I wished to confirm.

@miller. Yes, I did omit list-style-position from the li:hover, but the li behavour should be inherited from ul.

@Crimp. What happens is on hovering over the last link, the images disappear and are replaced with whatever
is defined by list-style-type. I’ve spent some time experimenting with various css selectors, but could not
get it fixed. (well, thats a lie, I fixed it with some :before and :after selectors, but that broke it in IE.

For your info, this is my hack.
It seems the problem is related to a bug in opera referencing or caching the image correctly.
If the image is referenced by any other selector on the page, the problem goes away.

I add this to the css

br#opera {
background-image: url(bullet.gif);
}


and this to the html

<br id="opera" />

Thanks again for your help guys.

 Signature 

Old programmers never die, they just parse away.

Profile
 
 
Posted: 21 February 2007 04:50 PM   [ Ignore ]   [ # 6 ]  
Research Assistant
RankRankRank
Total Posts:  970
Joined  04-13-2006
Oscar Bajner - 21 February 2007 01:07 PM

@Martin. Opera v6 WOW!, where’d you get that from, the Imperial museum grin

It’s just typical: I return from the lavatory to find 18 new browser versions have been released and the Dutch have taken over the world.

Profile
 
 
Posted: 22 February 2007 04:01 AM   [ Ignore ]   [ # 7 ]  
Research Assistant
RankRankRank
Total Posts:  362
Joined  10-02-2006

Just a suggestion. Sometimes triggering other seemingly redundant properties (not just relying on defaults) can have unforeseen effects. Case in point is hasLayout for IE 6.

 Signature 

CI version?
From SVN.

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 719, on June 06, 2008 10:16 AM
Total Registered Members: 66429 Total Logged-in Users: 41
Total Topics: 84792 Total Anonymous Users: 3
Total Replies: 455029 Total Guests: 220
Total Posts: 539821    
Members ( View Memberlist )
Newest Members:  X_franbaguasllogocsaturkeyPeter BryanttherendStudioGeorgiaJZeerfedegheEdged