Text Rollover without flicker — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Text Rollover without flicker

This page's ID: 28243

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Thanks again Kuckus...your help is greatly appreciated. I still can't get FF right. When you say the container, you mean the overall movie container? I'm getting confused with the hundreds of possibilities for positions: 1) The CSS containers 2) The javascript function 3) The divs for movie and help screens. Ideally I would like to be able to center both the movie and the help image horizontally. I would also like the flexibility to control the vertical placement. I added a parameter to move the top down a little without breaking IE. This is the code as it stands now ( i played around but can't go further than this). [b]CSS[/b] [code] } .movieContainer { position: relative; margin: 0 auto; } #helpScreen { position: relative; top: 5px; } #flashMovie { position: absolute; top: 10px; left: 200px; }[/code] [b]Javascript[/b] After lots of trial and error i've left the javascript set to 0px (for right or wrong). Could you point out the mistake(s)? TIA! :) [code]function toggleHelpScreen() { if (document.getElementById) { movie = document.getElementById('flashMovie'); if (movie.style.left == '0px' \|\| !movie.style.left) movie.style.left = '-10000px'; else movie.style.left = '0px'; } }[/code] [b]Layers[/b] Movie and Help: [code]<div class="movieContainer"> <div id="helpScreen"style="left:0px; "><img src="help.jpg" width="580" height="501" /></div> <div id="flashMovie" style="left:0px;">[/code] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu