Now I got solutions!

The problems is cause by Flash transparency (wmode: ‘transparent’).

The solution for mouse over style is to force browser to calculate Flash element position or something by specifying a hover style to Flash elements. What I’m using is
.sIFR-flash:hover{font-size: 10px; left: 0;}

For the scrolling I’m not yet got the best solution, but a solution is to use sIFR 3-r278 because it generate to embed not an object element.

Cheers,
Rithy

Don’t worry, I will post a summary of the results.

Best regards,
Rithy

NOTE : Scrolling problems don’t occur on Mac Leopard. (SAFARI AND FF) – do you test with Error Console of JS ?

I have tested with some browser;
And let’s test on this page!

/*****Scrolling problem***********/

* firefox/safary:
Please do mouse over on the letter you have embedded and use scroll on our mouse; we will see scrolling by mouse is not working.
* google chrome/ IE7:
After click on the embedded letter, we cannot scroll by mouse.

/*****mouse over styles problem***********/

If possible, please make example 2 with mouse over style like change color or something…

*firefox/safary:
After that please scroll up/down a little by scroll bar in the browser, then we do mouse over the embedded letter, we’ll not see the still we have set for mouse over.

If we can fix this bugs, sifr must be perfect!

Regards,
Rithy

I have a big problem, every time I click on the scroll bar, My menu which is embedded is not working. The link and mouse hover style are not working. But after I click it once, it works normally.

Regards,
Rithy

Yes, before I didn’t put a link tag INSIDE my DIV which used class ‘embed_mh’.
The link tag was OUTSIDE the DIV, that’s why I cannot apply ‘a:hover’ style.

Thanks

OK, now for the « a:hover » style is working.
Now I understand that if we want to set « a:hover » style, the content must contains « some text » tag.

Your plugin is prefect.

Thanks

xiligroup say :
> Hello again !

Is your tag a /a INSIDE the html tag (? h2) with class 'embed_mh' ?

Tell me !


sIFR.replace(VAGRundschriftD, {
selector: ‘.embed_mh’,
css: ['.sIFR-root { font-size: 13px; color: #9C7865;} '
,'a { text-decoration: none; letter-spacing: 1.5; }'
,'a:link { color: #33FF33; }'
,'a:hover { color: #FFFFFF; cursor: pointer;}'
],
wmode: ‘transparent’
});

Thanks

a:hover = all is fully documented in sifr3 developer site…

Just to help you an exemple below (extract of sifr-config.js) :

sIFR.replace(myfontvarname, {
selector: 'h2.script-light',
css: ['.sIFR-root { background-color: #BEAA79; color: #341E24 ;}'
,'a { text-decoration: none; letter-spacing: 1.5; }'
,'a:link { color: #33FF33; }'
,'a:hover { color: #FF33FF; }'
]
});