Hello
IMHO i think Bob has a good idea. I usually use a method called Farner
image replacement,which works great in such cases.
I`ve put an example below. You need two graphics, one for the normal
state ( home.png ) and one for the hover state ( home-red.png).
<html>
<head>
<title></title>
<style type="text/css">
#bannerlogoban {
margin: 0;
padding: 0;
border: 0;
width: 100px;
height: 50px;
background: url(home-red.png) no-repeat;
}
.alt {
display: none;
}
#logoban {
display: block;
padding: 0;
border: 0;
margin: 0;
background: url(home.png) no-repeat;
width: 100px;
height: 50px;
}
a#logoban:hover {
background: url(home-red.png) no-repeat;
}
</style>
</head>
<body>
<div id="bannerlogoban">
<a id="logoban" href="YOUR LINK" title="YOUR LINK">
<span class="alt">YOUR LINK</span>
</a>
</div>
</body>
</html>
It`s only an example and not very well formated.
I've read about this on www.alistapart.com and in a book from Jeffrey
Zeldmann "designing with web standards".
Hope this helps.
Stefan Gaertners
Bob Schwartz wrote:
I would do a preload images on the body tag for the over state
images since as it is they seem to load for the first time when you
do a mouse over.
bob
Hi everyone, happy after holiday,
I have a CSS rollover flickering problem that not just occurs in IE
but all browsers.
The problem only happens when I have different images for link and
hover, and a background image for the #menu.
The problem has been there for a long time with other sites, due to
the busy schedules and deadlines I decided to ignore it because,
after all, the menus are working - sites were up for months and
nobody complaints.
Nonetheless, I know how annoying it is.
Was working on a new site using the same menu code, the annoyances
suddenly becomes so big that I can't stand it anymore. I suspect
it's something to do with caches yet I don't seem able to find what
causes the problem.
Symptoms are random: empty gap, hover image disappears or white
space occurs, when either of these happens, I move the cursor to the
next menu item, come back again and it gets back to normal state.
Can you be so kind look at my code?
http://gb.lotusseeds.com/menutest.html
http://gb.lotusseeds.com/menu_test.css
THANK YOU
tee
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************