HTML - Fireworks Drop Down Menu Position Problem

i have this particular drop down menu in a wordpress PHP sidebar template, but i cant get it to execute once an option is selected. when i had this in another PHP page through a DW library item, it would execute just fine. here is the code...

Code:

<form name="guideform" id="guideform" action="#"> 
<select name="guidelinks" id="guidelinks" onChange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> 
<option selected value="#">default</option>
<option value="option 1 url">option 1</option>
<option value="option 2 url">option 2</option>
<option value="option 3 url">option 3</option>
</select>
</form>

can someone tell me why this would work on one PHP page and not another? heres where i have the element in place on the page...

http://flyerflies.com/blog

also, another question...how can i adjust the width of the display pane once the menu is opened? in FF, it opens to show all of the contents, but in IE (surprise, surprise) it only opens to the same width as the default text display in the unopened drop down box.

Hey guys I'm really stumped I'm just starting this project and so far all I have is a javascript/css drop down menu I'm tweaking and a flash slide show. Right now I'm having 2 problems.

#1 my menus are getting overlapped by the flash, I keep trying a z-index on the div I have in the flash, but it isn't working.

#2 I'm having problems positioning the div which the flash is contained by. For example I tried centering the div with css and it was to no avail. I had to put <center></center> around the whole div to achieve this.

If anyone could help that would be amazing, check out www.atlanta-web.com

Thanks,

Okay, clearly I'm new to the forums, so I apologise in advance if I've posted this in the wrong section/shouldn't have posted it (I'm used to phpBB's forums anyways, our site runs that).

Okay, here's the problem. For our website, we need to upload links in the form of pictures etc. - stuff like 'go' buttons, info boxes etc.

So far, I've been making thm in fireworks with rectangle hotspots and the like. However, des[pite my various efforts, I haven't been able to get them to work. I it to do with the quality? E.g., do they need to be websafe colours (websnap whatever?), or is it the way I'm getting the HTML code. I'm aware that I can make more interactive buttons in flash, and I can do that with ease, but in this case, I have trouble with security settings, and whenever we attempted to upload it, it would not display.

Thanks for your help, guys, I hope you can work it out!

Hello Everyone,

Please tell me....How to Remove Fireworks in HTML?

So I designed some websites in Photoshop and I'm still learning it, but recently I saw many people talking about Fireworks and how it is a way better way of producing web design work than Photoshop.
They say FW is a more efficient tool, as it was strictly built to create web design. That in terms of web design, it can do everything Photoshop can, but in a more simple way.
Is it true?
If it is, I think learning Fireworks is a good idea.
But..there are soooo many Photoshop tutorials and so much less Fireworks tutorials. And that's my second question: Can I apply Photoshop web design tutorials to Fireworks? I mean, can I watch/ read Photoshop tutorials and figure out how to do the exact same things in Fireworks?

On my website under computer applications - utilities and drivers. I used an on page menu because of the page size. It is internal java script, or listed on the page. It functions but does not go where directed. I want the heading of the menu item at the top of the page. I followed the directions for the anchor but it doesn't always position correctly. The same occurs with CSS. How can I get it to position correctly because I will want to add more categories and more content and need it to position correctly with changes.
Menu
Utilities --- positions correctly
Drivers --- positions in utilities
Diagnostics --- positions with heading at bottom of page
Registry cleaners --- positions in middle of diagnostics
Registry tutorials --- positions in middle of Registry cleaners
Computer help --- positions in middle of Registry tutorials
Thank you for all your help
falcon
not sure if in the correct category of this forum

First, forgive me i'm a noob!

Am attempting to rebuild our sorry website. Am kinda picking the whole html thing up, however, am building in frontpage and expressions because those are the programs i have.

page i'm working on is: ygcc.org/testing

i embedded a video, but would like to position it to line up w/ everything else. i like how it looks centered, but its not aligned correctly w/ the other objects on the page. also, everything else is "positioned" on the page, whereas the media is "aligned" so, it doesn't stay put if i resize my browser

next problem i'm having is jump menu or tree menu. i want a drop boxes, such as are on the page, however, would like it if it was a horizontal menu, not individual boxes like they are. right now, the drop boxes are only drop boxes (for "forms") and do not hyperlink.

if i "insert jumpmenu" then, i cannot put them beside each other in a row. if i attempt to put them in a row, they are like steps, not straight across.

i d/led a program to help w/ menus, but i don't even understand it. when i attempted what it told me to do, i do not get a menu. i know i need to put javascript in, but apparently do not understand this enough to actually do it.

in short i would truly appreciate some help. thanks in advance

Hey guys, I am very new to web design, however have some basic knowledge of html. I am designing a simple site which needs a drop down menu tab for only ONE TAB in the nav bar.

See the following site for an example: http://www.dynamicdrive.com/dynamici...wntabsdemo.htm

Again I need a drop down menu for only one tab. How do I achieve this?

Hi all,

I can't for the life of me get the submenus to work. Here is my basic code and style sheet. How and where do I get a sub menu working on the navigation to display when you hover over it. I.E. hovering over 'News' displays sub menu of 'today', 'tomorrow'...

So, I am new to html, but I want my site to have a drop down menu, much like that of IBM's.

http://www.ibm.com/us/en/sandbox/ver2/

Is this even possible with HTML? If so, where do I start?

Regards,

YahtzeeFish

Hello im looking for a script for my website that offers the following

I have an image link, that I want to rollover to another image (Of the text glowing) then have a drop down menu pop up below it that can have other menus drop down from that one.)

Right now Im trying a Javascript that I found for free on the internet but i cant seem to get it working.

http://javascript-array.com/scripts/...rop_down_menu/

But I cant get it to be a rollover image instead of a text box. and it doesnt support multiple drop downs like this one:

http://javascript-array.com/scripts/..._down_menu/?sb

plus they want you to pay for it, and im looking for a free solution.

Any help appreciated, thanks.

Hi All,

This is my first post so please be kind

I am currently trying to create 3 drop down menus in a top frame going across the top of the page.

This is my first time trying to do anything like this and have run into a few issues i cant get my head around nor find an answer on the net.

The code i have so far is this:

_______________________________________________________________

<HTML>
<HEAD>
<TITLE> Test</TITLE>


<BODY>
</BODY>


<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

</HEAD>

<div align="center">
<table border="1" cellpadding="4" width=500>
<FORM
METHOD=POST onSubmit="return dropdown(this.gourl)"
TARGET=MAIN
>
<SELECT NAME="gourl">
<OPTION VALUE="">Choose a Destination...

<OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals

</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

<FORM
METHOD=POST onSubmit="return dropdown(this.gourl)"
TARGET=MAIN
>
<SELECT NAME="gourl">
<OPTION VALUE="">Choose a Destination...

<OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals

</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

<FORM
METHOD=POST onSubmit="return dropdown(this.gourl)"
TARGET=MAIN
>
<SELECT NAME="gourl">
<OPTION VALUE="">Choose a Destination...

<OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals

</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>


</HTML>
_______________________________________________________________

1) When selecting 'User Manuals' on the drop down box, it opens up a new window and directs me back to the home page?

2) i am unsure as to how you place the drop down boxes side by side aligned at the top of the page?

Is anyone able to help me out here?

Cheers in advance

I have a drop down menu on my page, and I want to change the background color of the box from white to match the rest of the page, how do I do this.

Thanks
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Welcome to my Home Page</title>

<script language="JavaScript" type="text/javascript">

////The source for this  script came from http://allwebco-templates.com/support/S_menus_dropdown.htm////
///For the Game,I changed the back ground picture. I realize it's not JS///
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->




<!--
/// The JS below is for the date and time. and i got the sorce from http://www.re-es.org/ ///

var day_names = new Array(7)
day_names[0] = "Sunday"
day_names[1] = "Monday"
day_names[2] = "Tuesday"
day_names[3] = "Wednesday"
day_names[4] = "Thursday"
day_names[5] = "Friday"
day_names[6] = "Saturday"
 
 
var month_names = new Array(12)
month_names[0] = "January"
month_names[1] = "February"
month_names[2] = "March"
month_names[3] = "April"
month_names[4] = "May"
month_names[5] = "June"
month_names[6] = "July"
month_names[7] = "August"
month_names[8] = "September"
month_names[9] = "October"
month_names[10] = "November"
month_names[11] = "December"
 
 
date_now = new Date()
 
 
day_value = date_now.getDay()
date_text = day_names[day_value]
 
 
month_value = date_now.getMonth()
date_text += " " + month_names[month_value]
 
 
date_text += " " + date_now.getDate()
 
 
date_text += ", " + date_now.getFullYear()
 
 
minute_value = date_now.getMinutes()
if (minute_value < 10) {
    minute_value = "0" + minute_value
}
 
 
hour_value = date_now.getHours()
if (hour_value == 0) {
   greeting = "Good Morning "
   time_text = " at " + (hour_value + 12) + ":" + minute_value + " AM"
}
else if (hour_value < 12) {
    greeting = "Good Morning "
    time_text = " at " + hour_value + ":" + minute_value + " AM"
}
else if (hour_value == 12) {
    greeting = "Good Afternoon "
    time_text = " at " + hour_value + ":" + minute_value + " PM"
}
else if (hour_value < 17) {
    greeting = "Good Afternoon "
    time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
else {
    greeting = "Good Evening"
    time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
 
document.write(greeting +  " &nbsp;&nbsp;Today is " + date_text + time_text)
 
//-->








</script>


<link rel="stylesheet" type="text/css" href="css/main.css">

</head>
<body>

<div id="container">

<p><img id="banner" src="images/banner.gif" alt="banner"></p><hr color="#FF0000"></p>
<ul id="nav">
 
 <li><form  action="#" method="post">
<select name="choice" size="1" onChange="jump(this.form)" class="dropdown">
<option value="index.html" selected>Home</option>
<option value="scripts_developed.html">Scripts Developed</option>
<option value="best_practices.html">Best practices for JavaScript coding</option>
<option value="ajax.html">AJAX</option>
<option value="JavaScript_frustrations.html">JavaScript frustrations & Javascript Game</option>
</select>
</form>

</li>

</ul>

<div id="content"></div>

</div>
<table width="1050" border="0" align="center">
  <tr>
    <td align="center"><p><img src="images/logo1.gif" width="300" height="300" hspace="30"><img src="images/logo3.gif" width="300" height="300"><img src="images/logo2.gif" width="300" height="300"></p>
    <p><img src="images/logo4.gif" width="300" height="300" hspace="30"><img src="images/logo5.gif" width="300" height="300"><img src="images/logo6.gif" width="300" height="300"></p></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Dear HTML Experts,

I need your help, I would love to have a dropdown menu.
Which drop out of a image? Like when your mouse is at the image, the menu shows up vertically?

Thanks

I want to create a drop down bar using images, like the one on this page: http://www.teamtalk.com/

I already have the images which I want to use. I have scoured the internet for how to do it and tried many, many tutorials but I don't understand how to do it. Please help!