I have an unordered list with links. The links have display:block; in the css so the hover will also have effect in the padding surrounding the links. I replace the list-items with sIFR 3. In the sifr-config.js I specify a hover color for the text but this only works on the text itself, not on the padding surrounding the text. Is there a solution for this problem? I got it working for the padding on the left side of the text by adding margin-left:'25' in the config for .sIFR-root but margin-right doesn't have the same effect. Help greatly appreciated ;-)
A:
It's hard to say based on your question, but if you replace the individual list items, the entire list item will be a sIFR link. If you want more space around the text you should do this within the Flash movie rather than in CSS. You can use the tuneWidth, tuneHeight, offsetTop and offsetLeft parameters for this.
Mark Wubben
2009-07-27 19:53:30
A:
Thanx for your answer. I will try to be more specific.
My buttons are build like this:
<ul id="acties">
<li><a href="#">Bekijk alle programma's</a></li>
<li><a href="#">Doe een aanvraag</a></li>
<li><a href="#">Steun het Oranje Fonds</a></li>
</ul>
In Sifr I do this:
sIFR.replace(themix, {
selector: '#acties li',
css: [
'.sIFR-root { background-color: #ea7e1b; color: #ffffff;margin-left:25;margin-right: 200px;}',
'a { text-decoration: none; font-size:24px;}',
'a:link { color: #ffffff; }',
'a:hover { color: #251c5c; }'],
wmode: 'transparent',
tuneWidth: '250',
forceSingleLine : true
});
The margin-left on sIFR-root gives me a padding-left on the button. Hovering this pagdding makes the text change color (which is what i want). When i remove the margin-left and add offsetLeft:25 i still get the padding but the text color doesn't change when hovering the padding. So for the left side i solved the problem with with the margin-left setting, but hovering on the button on the right side outside the text doesn't change the text color (and since the background-color is changing the text effectively disappears). No matter what setting i tried i can't solve it for the right side... Hopefully you can point me in the right direction.
I e-mailed you a link to the page where you can see the problem...