Posted: Mon Oct 12, 2009 6:43 am css code for flash file using absolute position
Hi I Have the following code:
My 6 flash images appear in two rows of 3.
Work nicely until... I resize the page.
If I make it smaller all the flash images stay exactly where they are, all the other txt etc on the page moves around..
Do I have to change the position type...! Not too sure about this one..
<menu1><span style="font-family: Baskerville; font-size: 36px;">C</span><span style="font-family: Baskerville; font-size: 16px;">lick on an album below or use the navigation bar at the side</span></menu1>
<a href="applewebdata://3EE0A0D2-8338-4C2A-A79C-042F3FDD18BE/~PAGEID~284712DA7B9047EA89C4">
<flash1>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.WinterBansko/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZ88D7DF7C88D24D57B463"></div><div id="LKBZ88D7DF7C88D24D57B463"></div>
</flash1>
</a>
<a href="applewebdata://649B7411-7934-4646-AF8E-F2E1951E82CD/~PAGEID~B408E7BA9A084ECA9A05">
<flash2>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.SummerBansko/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZF98C59B1776241A0878D"></div><div id="LKBZF98C59B1776241A0878D"></div>
</flash2>
</a>
<a href="applewebdata://649B7411-7934-4646-AF8E-F2E1951E82CD/~PAGEID~B408E7BA9A084ECA9A05">
<flash3>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.BanskoTown/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZFE69C7342BF3405CB5CD"></div><div id="LKBZFE69C7342BF3405CB5CD"></div>
</flash3>
</a>
<a href="applewebdata://649B7411-7934-4646-AF8E-F2E1951E82CD/~PAGEID~B408E7BA9A084ECA9A05">
<flash4>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.Winter 07:08/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZ4376F93FE62344C08E79"></div><div id="LKBZ4376F93FE62344C08E79"></div>
</flash4>
</a>
<a href="applewebdata://649B7411-7934-4646-AF8E-F2E1951E82CD/~PAGEID~B408E7BA9A084ECA9A05">
<flash5>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.Maldvies/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZ887E7476D7D6459C9525"></div><div id="LKBZ887E7476D7D6459C9525"></div>
</flash5>
</a>
<a href="applewebdata://649B7411-7934-4646-AF8E-F2E1951E82CD/~PAGEID~B408E7BA9A084ECA9A05">
<flash6>
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.Various/bzLoader.js"></script><noscript><p style="background-color:#ffffff;color:#000000;padding:1em;">Your browser doesn't support JavaScript or you have disabled JavaScript.</p></noscript><div id="SWBZ7CE10F07DE5E44A29F06"></div><div id="LKBZ7CE10F07DE5E44A29F06"></div>
</flash6>
</a>
</body>
While I do not use a Mac, I do not understand why Mac developers do not have to adhere to html 4.01 or xhtml 1.0 standards as specified by the w3c.
<flash1> and </flash1> do not designate any recognizable tags that can be parsed by browsers. You should be using <div id="flash1"> and </div>.
<script type="text/javascript" src="file:///Users/timcarey/Desktop/Bannerzest flash/Menus/Menu.WinterBansko/bzLoader.js"> is a link that will not work once published to a hosting server to be viewed on the web. This is a link to a file on your computer and only works locally when testing on your computer.
Absolutely positioned elements are just that. They will always be in the same x-y position regardless of resolution or screen size. Elements should be inside a master container and flow freely, separated using margins and padding so they can adjust to resolution and screen size changes.
You may want to take a look at the code (use view source) here to see how the method your using is implemented.
An off subject question: where can I find the bzloader script (other than aquafadas.com)?
Did you get it with one of their products and were there additional scripts included (shadowbox, swfobject and the scriptaculous library)?
This looks like a life saver for flash developers that want the lightbox implementation and swfObject.
Not sure it's Mac users that are being lazy or incorrect with coding.. Just me. My first time using css - only been doing it since my first post.
I'll make alterations.
With reagrds to the script. I paid and got the program from aquafadas.com. It is pretty usefull and very easy to use. Comes with lots of different themes. 12-15 I think.
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum