I am using sIFR on a page which I am loading into an iframe, and using a javascript in the parent window which constantly polls the iframe to see when it changes height (ie. when you click a link in the iframe page and it has a different height than the previous page). Anyways, the problem is that sIFR doesn't seem to show the rendered t...
I've got this very issue. Did anyone ever get to the bottom of it? http://discuss.joyent.com/viewtopic.php?id=24961 ...
I've got a demo page up here; you can view source to see what I'm trying to do. As you can see, everything about it seems to be working except for colors. I'm trying to set the color to blue (#0000ff), but it stays as black. I created a custom SWF file for my font, embedding four different variations of a single font in order to accommo...
It works perfectly when pulled within labels like in the demo <label class="title">I'm no image. I'm Avenir! </label> However, how can I achieve this within the code below (nothing loads)? <div id="zoomcontent"> <span style="margin: 0 10px 0 0" id="slidesbigtext" ></span> <a class="icon2" style="margin: -10px 30px 0 0; font-size:...
I'm building a web site for an artist who has had a custom font made from his handwriting. He'd like to use this font extensively throughout the site - not for all body copy because it'd be difficult to read, but for headings, navigation, callouts, things like that. I've got the file - it's a TrueType font file. We're going to be using...
Trying to reference the replaced element in order to change its style during a rollover, like this: , onRollOver: function(el) { el.getAncestor().style.backgroundPosition="bottom" } I'm getting an error in the browser: el.getAncestor is not a function This seems to follow the syntax of examples online. What am I doing wrong? ...
In the new sifr 3, the author has implemented the ability to combine the css files into 1 file. There are 4 .js files total and I was wondering if there were any ideas how to combine these files for a faster loading time on the client side and also I was wondering if there was any way to just include the sIFR css styles in an already exi...
I use sIFR 3 r436 in a horizontal menu using the following css: #block-menu-primary-links ul.menu { margin:0; padding:0; display:block; } #block-menu-primary-links ul.menu li.leaf { list-style-type: none; list-style-image:none; padding: 0; /* LTR */ margin: 0; float:left; } .sIFR-active #block-menu-primary-links ul li { visibilit...
I think if we can match swf size with original text width's then rendering will be fast. ...
Works great everywhere but IE 6 and IE 7, any help? http://www.zookacreative.com/beta ...
Hi folks, n00b question alert, but I've been struggling for a few days with this one and have searched in vain for the solution in other posts! I have a horizontal menu that has padding either side of the text such that the items appear separated. However upon replacing the text with sIFR, the padding doesn't appear, and thus the items...
I'm trying to implement the latest sIFR. But I can't get even the simplest of tests to work. My test page is at http://www.kellymitchelljewelry.com/testsifr.asp. There should be an sIFR-generated line that says "2nd line" between the first and third lines. I'm using the examples provided on the sIFR page exactly. My html looks lik...
Hi, I have a piece of html looking like this: h2 class="bgHeadline" style=" color: #FFFF00;">header</h2> I'd like to use sIFR to display this header, but sIFR doesn't use the color, because it's not in a css-class. I can't move the color property into the css-class, because it's set dynamically by the cms. I've seen the sIFR javascr...
So it works great on this page: zookacreative.com/blog/ But then it doesn't work on this page: zookacreative.com/blog/funny-stuff/were-stoked-at-zooka I have no clue. Any help? ...
I have a problem using sIFR for links in a list. When I try to apply it to the my links are perfectly skinned (with the right font and right color) but the last word of each link is cut or display on an other line. When I apply it to the the text is well displayed but appears as a hypertextlink (blue and underline). I have tryed an...
My site in progress has some large graphical buttons that uses sIFR to display their headings. The structure looks like this: <a href="link.to.somewhere"> <div class="topGfx"></div> <div class="content"> <h2>Heading goes here</h2> <p>Content goes here</p> <div class="bottomGfx"></div> </a> I'm replacing the <h2> element ...
Answered The best answer below was good for the bounty, but user Aaron's answer is the correct answer. Setting: .sIFR-flash { width:100%; } corrects the issue in Chrome. Sadly, I cannot change my best answer as I guess that's how bounties work. Answered I seem to be having some issues with Chrome specifically rendering sIFR repla...
Text always appears in big size for a few seconds when one refreshes the page on IE only, which doesn't look very good. pleas look at IE 7 and try to refresh (I've e.g. been pressing ctrl + F5) to see what i'm facing. I'm also using sIFR on this site I check a js error of page and this is the problematic area. <script type="text/java...
Hi everyone, I'm using sIFR on a website that is database driven and it works great. However, I have a news rotator on the home page and sIFR won't replace the text on the tile below the rotating image, so I have to create images for this each time. Example of the site is http://www.aucklandcityfc.com. Put home.asp on the end of the UR...
Hi, I'm wondering if someone can help me with this as I'm fairly new to siFR and think there is something essential i'm not comprehending in the documentation. I'm having success using siFR 3 (r436) to render fonts and it's working just how I want. However if I turn flash off in any browser the original (no longer rendered) html text di...