I have a website that I’m building (http://www.theinvestortoday.com) that is basically a squeeze page. It is a masthead with a long continuous table centered below it.

I want to include a navigation menu on the left that users can use to make the page feel a little more "offiical" looking. I found a website that helps autogenerate a flash navigation menu (http://www.hypergurl.com/flashnavbar.html).

I’m trying to input the code generated from my flash menu so that it is directly to the left of the main table with the correct spacing.

Here is the autogenerated flash code:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=125 HEIGHT=222>
<PARAM NAME=movie VALUE="pod.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=my website(had to remove for yahoo)
/&makenavfield1=Investing FAQ&makenavurl1=articles/real-estate-investing-faq.htm&makenavfield2=Paid Courses&makenavurl2=paid-courses/index.htm&makenavfield3=Privacy Policy&makenavurl3=privacy-policy.htm&makenavfield4=Terms of Use&makenavurl4=terms-of-use.htm&makenavfield5=About Us&makenavurl5=about-us.htm">
<PARAM NAME=loop VALUE=false>
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=scale VALUE=noborder>
<PARAM NAME=salign VALUE=LT>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#000000>

<EMBED src="pod.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=http://www.theinvestortoday.com/&makenavfield1=Investing FAQ&makenavurl1=articles/real-estate-investing-faq.htm&makenavfield2=Paid Courses&makenavurl2=paid-courses/index.htm&makenavfield3=Privacy Policy&makenavurl3=privacy-policy.htm&makenavfield4=Terms of Use&makenavurl4=terms-of-use.htm&makenavfield5=About Us&makenavurl5=bout-us.htm" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#000000 WIDTH=125 HEIGHT=222 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>

</OBJECT>

<script language = "javascript">
<!–
theObjects = document.getElementsByTagName("object");
for (var i = 0; i < theObjects.length; i++) {
theObjects[i].outerHTML = theObjects[i].outerHTML;}
//–>
</script>

How can I place the menu directly to the left of the table? I’ve been able to use CSS to make the position of the navigation menu as absolute but if any user has a different screen resolution than I do than that position won’t make sense.

So my question is how do I make the navigation menu appear just to the left of my main table regardless of what the user has their screen resolution set to?

Put it inside a division.

Or you could Flash and do something like this

CSS
button.nav
{
font-family:Comic Sans MS;
font-size:large;
color:blue;
background-color:#A9D3BC;
width:180px;
border-color:#D9C9DA;
border-width:3px;
}

HTML
<div style="width:200px">
<button class="nav" onClick="window.location=’index.shtml’">Home</button>
<button class="nav" onClick="window.location=’Services.shtml’">Services</button>
<button class="nav" onClick="window.location=’Contact.shtml’">Free Estimate</button>
<button class="nav" onClick="window.location=’FAQ.shtml’">FAQ</button>
</div>

1 Meinung für “How to place a navigation menu?”

  1. Growl sagt:

    Put it inside a division.

    Or you could Flash and do something like this

    CSS
    button.nav
    {
    font-family:Comic Sans MS;
    font-size:large;
    color:blue;
    background-color:#A9D3BC;
    width:180px;
    border-color:#D9C9DA;
    border-width:3px;
    }

    HTML
    <div style="width:200px">
    <button class="nav" onClick="window.location=’index.shtml’">Home</button>
    <button class="nav" onClick="window.location=’Services.shtml’">Services</button>
    <button class="nav" onClick="window.location=’Contact.shtml’">Free Estimate</button>
    <button class="nav" onClick="window.location=’FAQ.shtml’">FAQ</button>
    </div>
    References :

Hinerlasse Deine Meinung