View Full Version : sIFR help

09-26-2005, 09:38 AM
I'm trying to implement sIFR on a website and am having some difficulties.
I've read a bunch of forums and couldn't really find anything similar.

If you're familiar with it, can you take a look?

Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<style type="text/css">
/* sIFR Styles */
.sIFR-flash {
visibility: visible !important;
margin: 0;

.sIFR-replaced {
visibility: visible !important;

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
.sIFR-hasFlash h2 {
visibility: hidden;
<script src="sifr.js" type="text/javascript"></script>
<script type="text/javascript">
if(typeof sIFR == "function"){
sIFR.replaceElement("h2", named({sFlashSrc: "BellCentennialLTAddress.swf", sColor: "#000", sCase: "upper"}));

The flash replacement occurs, but the text doesn't show up.
What i mean by that, is flash is embedded in the page, but it's blank. I can right click it and the flash menu pops up, but the text must be white or something. I haven't changed the sifr.js file.

Am I missing something?

09-26-2005, 07:17 PM
Any ideas?

I'll play around with it a bit tonight when I get home from work. Hopefully I can figure this out.

11-25-2006, 03:30 AM
Hey there, you shouldn't be defining your own SIFR styles. Use the sheets included with the SIFR package instead. (sifr-screen.css, etc)

This is a quick tutorial (http://fluxamp.com/news/?p=10) anyways.

Let me know if that helps.