HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
css code for flash file using absolute position
Post new topic   Reply to topic    HTML Help Forum -> CSS
View previous topic :: View next topic  
Author Message
phibs14



Joined: 09 Oct 2009
Posts: 15

PostPosted: Mon Oct 12, 2009 6:43 am     css code for flash file using absolute position Reply with quote

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..

Code:

<head>
<style type="text/css">
menu1
{
position:absolute;
left:380px;
top:280px;
}

flash1
{
position:absolute;
left:370px;
top:360px;
}
flash2
{
position:absolute;
left:550px;
top:360px;
}
flash3
{
position:absolute;
left:730px;
top:360px;
}
</head>

<body>
flash4
{
position:absolute;
left:370px;
top:600px;
}
flash5
{
position:absolute;
left:550px;
top:600px;
}
flash6
{
position:absolute;
left:730px;
top:600px;
}
</style>

<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>


sticks464



Joined: 31 Dec 2006
Posts: 2629

PostPosted: Mon Oct 12, 2009 8:03 am     Reply with quote

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.
sticks464



Joined: 31 Dec 2006
Posts: 2629

PostPosted: Mon Oct 12, 2009 8:36 am     Reply with quote

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.
phibs14



Joined: 09 Oct 2009
Posts: 15

PostPosted: Thu Oct 15, 2009 1:50 am     Reply with quote

Thanks for the info.

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.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
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
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial