how to make my navigation "elastic"

[theory1]

i am making a pretty simple html page with a flash movie up the top of the page for navigation : at the moment it's one file and looks like this


pic logo crap& name____________________________home button


so i've made this file and am happy with the design but i think the home button would be nice over at the right edge of the page and when the user changes the browser size the button/grpahic moves as well to accomadate it

so how do i do this ? i figure i will need to chop off the little home button part i want and the right edge of the page making two files and somehow align them both at the top ? i am using css to layout my pages and do not want to use tables at all so is it possible to do this and if so how?

[garbage]

And you don't want to use tables because ... ?

Let me put it this way ... it would be MUCH more simple if you put your 2 SWFs into a 3 column table set to 100% width. No point making life difficult now, is there?

[theory1]

i used tables but i can't get the home button movie right up against the right side.... :cinfused:


take a look

http://www.theory1.orcon.net.nz/test/peru.html


any advice

[shannon27]

I think maybe you need a spacer gif in the top middle column. Make it 1x1 transparent gif, and then stretch it to whatever pixel width the middle table is.

Also, you may want to learn how to constrain your browser. I can't help you there.

[garbage]

i used tables but i can't get the home button movie right up against the right side

What do you mean "the right side"? Do you mean the right hand side of the browser window, or the right hand side of the column of photos that you have?

[theory1]

right hand side of the browser window.

[zorrosrk]

theo... one thing with the buttons... On the HIT state draw a rectangle around it so the user find it easier to click on your button...
or if not just do a HOTSPOT on it in the middle.
Right now it is only text activated..

J

[garbage]

Try this source for your table:

<table WIDTH=100%>
  <tr>
    <td ALIGN="left">
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  HEIGHT=90>
    <PARAM NAME=movie VALUE="perunav.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#999966>
    <EMBED src="perunav.swf" quality=high bgcolor=#999966  WIDTH=310 HEIGHT=90 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
    </OBJECT>
    </td>
    <td> </td>
    <td ALIGN="right">
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  HEIGHT=90>
    <PARAM NAME=movie VALUE="home.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#999966>
    <EMBED src="home.swf" quality=high bgcolor=#999966  WIDTH=150 HEIGHT=90 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
    </OBJECT></td>
    </td>	
</table>

It should make your table 100% of the browser width, and align your movies left and right respectively.