PHP - Drop down menu - Images??
I have a drop down box to select a color. Is it possible to have the drop down box display a small box with the color? I tried adding it as an image but it didn't display anything. Thanks.
rezun8 wrote:
> the two drop down lists are tied together so that (which
I don't want) if you
> pick a YEAR then it reverts the other DD to
INTERNATIONAL
> I need it so that both fields run independent of each
other.
> I'm a Flash guy and have rudimentary PHP skills
The PHP has nothing to do with the change in the drop-down
menus. It's
controlled entirely by the JavaScript onChange event.
Remove the following code from both select elements:
onChange="MM_changeProp('mytype1','','selectedIndex','0','SELECT')"
and
onChange="MM_changeProp('categoria','','selectedIndex','2','SELECT')"
The PHP code has an effect only when the page is reloaded,
because PHP
is a server-side language. The connection between the two
drop-downs is
controlled on the client-side by JavaScript.
David Powers
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "Foundation PHP 5 for Flash" (friends of ED)
http://foundationphp.com/
Similar Messages
-
hi Everyone, my turn for help-
I have inherited a web project from another person and have
an issue regarding a drop down list that is tied in some way to
another drop down list, the 2 are side by side as seen here >
http://www.srf.org/preview/
< at the top you will see a SEARCH field then a Drop Down where
the user can select ALL , INTERNATIONAL, or DOMESTIC. Next to that
is a drop down list with YEAR as a choice.
the two drop down lists are tied together so that (which I
don't want) if you pick a YEAR then it reverts the other DD to
INTERNATIONAL
I need it so that both fields run independent of each other.
here is the PHP for the table it lies within:
<td width="679" bgcolor="#EEEEEE"><input
name="cerca" type="text" class="dataHpNews" size="16">
in
<select name="categoria" class="dataHpNews"
id="categoria"
onChange="MM_changeProp('mytype1','','selectedIndex','0','SELECT')">
<option <?php if ($categoria=="all") echo("selected");
?> value="all" selected>All</option>
<option <?php if ($categoria=="Domestic")
echo("selected"); ?> value="Domestic">Domestic
Grants</option>
<option <?php if ($categoria=="International")
echo("selected"); ?> value="International">International
Grants</option>
</select>
and in year
<select name="mytype1" id="mytype1"
onChange="MM_changeProp('categoria','','selectedIndex','2','SELECT')">
<option value="" <?php if (!(strcmp("",
$row_programarea['nome']))) {echo "selected=\"selected\"";}
?>>Select...</option>
<?php
do {
?>
<option value="<?php echo
$row_programarea['nome']?>"<?php if
($row_programarea['nome']==$mytype1) {echo
"selected=\"selected\"";} ?>><?php echo
($row_programarea['family'].", ".$row_programarea['nome']);
?></option>
<?php
} while ($row_programarea = mysql_fetch_assoc($programarea));
$rows = mysql_num_rows($programarea);
if($rows > 0) {
mysql_data_seek($programarea, 0);
$row_programarea = mysql_fetch_assoc($programarea);
?>
</select>
<input name="Submit" type="submit" class="dataHpNews"
value="Go"></td>
can someone help me clear this issue?
I'm a Flash guy and have rudimentary PHP skills
Thanks a Billion
R2rezun8 wrote:
> the two drop down lists are tied together so that (which
I don't want) if you
> pick a YEAR then it reverts the other DD to
INTERNATIONAL
> I need it so that both fields run independent of each
other.
> I'm a Flash guy and have rudimentary PHP skills
The PHP has nothing to do with the change in the drop-down
menus. It's
controlled entirely by the JavaScript onChange event.
Remove the following code from both select elements:
onChange="MM_changeProp('mytype1','','selectedIndex','0','SELECT')"
and
onChange="MM_changeProp('categoria','','selectedIndex','2','SELECT')"
The PHP code has an effect only when the page is reloaded,
because PHP
is a server-side language. The connection between the two
drop-downs is
controlled on the client-side by JavaScript.
David Powers
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "Foundation PHP 5 for Flash" (friends of ED)
http://foundationphp.com/ -
PLEASE HELP!! Drop Down Menu Using Photoshop Images
I have hit a brick wall in trying to work this out, and it is
killing my productivity, I just need to get through this hurdle on
this site, and I can finish it.
Quick rundown on where I'm at:
I created the website to look how I wanted in Photoshop.
After I've gotten it looking how I want, I bring it into fireworks
and slice it up (I'm sure this step can be skipped, but thats how
I'm used to it), and then I export it into Dreamweaver.
All of that is working fine, except for this drop down menu.
All I'm wanting to happen is when they roll their mouse over "firm
profile" for example, for there then to be a drop down menu that
drops below it (no animation necessary) that has 2 additional
options they can select.
I have created what the page would look like after the drop
down menu would come up (in photoshop). I've tried doing swap
images and menu bars and some scripts from the net etc etc but
nothing works. It either tries to load the drop down menu WITHIN
the slice where it says "firm profile" instead of below it, or just
messes up completely.
In fireworks, I'm able to setup a swap image where when you
put your mouse over "firm profile" it asks which slice you want the
new swap image to come up in, which would work fine EXCEPT that
when you go to select one of the bottom submenu options, the
rollover disapears. If you do it where the whole slice is switched,
then that submenu appears when you rollover where it would be, even
if you haven't first rolled over "firm profile"
So to summerize: All I want is to be able to tell it when you
put your mouse over "FIRM PROFILE" that underneath it , a drop down
menu image that I have already created pops up, and you are able to
1) select the sub menu items (urls). I feel that this should not be
anywhere near this hard.
Please help.cdeatherage wrote:
I just realized--and Murray correct me where I stray--I may have intimated what you want to do is not very complicated. It will be a bit involved, actually. You are probably going to have to set up an id for each menu item so that you can apply the applicable image to the link state for each button. That is to say, your images for Menu Item 1 are going to be different than for Menu Item 2, so you are going to have to code individual link states for each button rather than rely on a global state. I think you can still do what you have designed, but you will likely have much frustration getting there if you are not comfortable writing code. Perhaps what might be easier for you is to use text in the html code for each menu item and then globally apply one background image for the a: state, another for the hover state, etc.
Hope I'm making sense.
Chris
Yes that does make sense - and is exactly the thought I was coming round to. -
Any suggestions on problem I have. I receive images, say a file that is 3 mgs through email on Safari mail and when I try to resend it or forward it or any other larger file, when it sends the file is reduced by about 1/3. My screen does not show and drop down menu with a feature to keep actual size or reduce that is suggested when I looked up solutions to the problem. I can't find a setting anywhere in mail that I can change to make sure my files are kept at actual size. I figure a setting got changed -don't know how - but it happened about a month ago. Caused problems as I work in graphics can't send files to clients as they come out too small. Any suggestions on how to fix.
ThanksWhat email program are you using? And what do you mean by "Safari mail"?
-
While using a drop-down menu i.e. File, edit, image, or even when saving as and choosing the file type; the list appears and I am able to highlight what i want but cannot click on anything. This is becoming incredibly frustrating. It happens at random time and a restart of the computer is all that helps, then with out any notice it starts to do this again. Mac Book Pro i7 2.2 16 GB 1333 Ram, (2) 450GB SSD both internal to machine. At this point I am losing file because I am unable to save in the file type I need. Does anyone out there know how to solve this issue?
Thanks
philI haven't been unify photoshop much in the past month, but I did try your suggestion and it seemed to work for a while. Today when i went to save a document the same thing happened: click on file>save at this point I can not click on save even though it is highlighted. Tryed to use command s that brings up the save dialogue box, but when I try to change file type I again cannot select it from the drop down menu.
-
Drop Down Menu with images in Muse and Animate
Hello,
i am trying to create a drop down menu with images as you can see on this website:
http://www.kadewe.de/
In Adobe Muse the menu with all pages in it doesn't let me insert pictures.
With the empty composition widget i archived something similar but when once activated the action it doesn't close.
My last try was to build a menu in Edge Animate. The Problem i had was that when i used the action click, open URL.
Inserted in Muse the new page opens in the created animation and not on the same page fullscreen.
What have i done wrong?
Thank you for your answers.I am having a similar problem. I have multiple widgets on a page -- menus, accordions, tooltips, slideshows. As soon as I 'activate' a widget (eg: expand an accordion or play a slideshow) it disables all the triggers below it, as well as all the hyperlinks. This seems like a bug... I hope there's a workaround?
-
Photoshop and elements 13
Working in iPhoto
Want to edit image using photoshop elements
Did the following
IPhoto>Preferences>Advanced>Edit Photos: In drop down menu chose in Photoshop Elements
Also control click and chose edit in external editor
Drop down menu edit photos in external program>photoshop Elements
Go to to the image I'm working on --- selected the image, the clicked on edit. When nothing happened I double clicked the image. Still elements didn't open. Then I opened the Elements editor, went back to iphoto and tried the entire process again. the photo still didn't open on Elements 13 for editing.
I have 3 Elements 13 books as well as looked on line--all my references say the exact same thing ---- iPhoto>Preferences>advanced>edit in external program>photoshop Elements
I uninstalled and reinstalled both iPhoto as well as Elements.
I spoke with application technical support. There appears to be nothing wrong with my copy of iPhoto. However there is no support from Adobe. I waited for over 1.5 hours for chat support several days ago, and finally gave up.You are probably choosing the obvious file rather than the correct file as the PSE editor. The actual editor is hidden away inside the Support Files folder. The PSE file at the top level of the PSE folder in Applications is just an alias for the welcome screen and what you're describing is exactly what happens when you choose that. You want this one:
-
previously while in bridge, i was able to select tools in the drop down menu and then select image processor to get to the page where i can make tiffs and jpegs. That option is no longer available in the drop down tool selection. How do I make jpegs from my tiffs now in the bridge.
thanks
[Moved from the general Cloud forum to the specific Program forum... Mod]In current Firefox releases the search bar on the about:home page and the about:newtab page have an autocomplete=off attribute that prevents Firefox from saving form data and now show search suggestions just like you get on the regular Google search page.
-
How to add a drop-down menu to a rollover image?
Hi,
I guess my title says it all... I was wondering how to add a drop-down menu to a rollover image? I know that there's the sprymenu, but I need to have my own rollover images.
Thanks,
KazemFrankly, ANY link can offer a drop down.
Take a look at this turorial.
That will get you your dropdown menu. So you have that.
Now, on your top menu (or any level where you want to have an image instead of text do this:
(I am copying the HTML structure in the tutorial here):
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Illustrator</a></li>
<li><a href="#">Web Design</a></li>
</ul>
</li>
<li><a href="#">Articles</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">User Experience</a></li>
</ul>
</li>
<li><a href="#">Inspiration</a></li>
</ul>
</nav>
Now, let's pretend you want an image instead of the word "Articles." You'll want the image to be sized appropriately, and if you look at the CSS, you'll see it's 112 pixels wide by 52 high. If your image is approximately those dimensions, you're all set.
So instead of "articles" you insert your image.
Done. -
CS6 Bridge suddenly no longer opens jpeg images. Double click and drop-down menu do nothing. No new installation or changes. Any ideas?
Consider resetting Bridge Preferences.
Close Bridge
Cmd+Opt+Shift held down, Open Bridge.
Choose Reset Preferences -
Why is the "Custom" option grayed out in the Image Trace drop down menu?
I'm going crazy here. On two different versions of Illustrator (CS6 on Windows 7 and CC on Windows 8.1) I'm trying to customize the options on an image trace from the drop down menu. On both versions I can't click Custon and when I tried to use the presets it just completes the action and doesn't allow for tweaks.
I've used three different file formats (PNG, JPEG, TIFF) and tried embedding and copying and pasting with no luck. In past versions this was never a problem. What is going on here?Just select the Image trace panel from the window menu and then customize it.
-
1) Drop Down Menu 2) Roll Over Images & 3)
Does anyone know away to make these things possible on iWeb (or if it is not even possible)
1)
I'd like to have a drop down menu so that my sites are not so cluttered.
Here is an example:
http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
2)
I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
a) is flash possible on iWeb
b) even if it is not: is there a way to have rollover images and
c) can there be roll over images that are also links?
Here is an example:
http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
I'm learning so it would be great to see if these things are possible. Thank you.See these menus.The menus are HTML and CSS only.
http://www.wyodor.net/Demo/iWebeend.html
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
The first menu has the menu hardcode in the published webpage.
Check the source to see how it's done.
The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
This is pasted in the HTML Snippet :
<script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
elem = parent.document.getElementById('menu00').className = '';
elem = parent.document.getElementById('menu01').className = 'selected';
elem = parent.document.getElementById('menu02').className = '';
elem = parent.document.getElementById('menu03').className = '';
elem = parent.document.getElementById('menu04').className = '';
elem = parent.document.getElementById('menu05').className = '';
// -->
</script>
This JavaScript places the menu in the textbox :
http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it. -
Drop down menu with image swap
I have a drop down menu that I need some help with. The page is here: http://www.healthquestpt.com/lwh/
The default menu as you see it is the way I want it: gray tab background, white text that is centered on the image. What I want to make happen with it is when you mouseover the link to have the image swap from: to: and I want the text in this "tab" to remain centered and change to blue
For the dropped down links I just want a plain white background, the links to be aligned left and the default color to be blue. I want the text hover color to be gray.
Ive tried various things and I cant seem to figure how to get style attributes assigned correctly.
All help is GREATLY appreciated!!!
My css file is here: http://www.healthquestpt.com/lwh/styles.css
and the dropdownmenu.js file is here: http://www.healthquestpt.com/lwh/scripts/dropdownmenu.js
P.S. I'm using DW CS6You might want to try out the Spry menus which ship with Dreamweaver.
Below is the code for the menu BUT you'll have to make sure the SpryMenuBar.js file is in your site folder for the sub-menus to work.
Best way of doing that is to open a blank page. Go to Insert>Spry>Spry Menu Bar>Horizontal>save page which will create a folder named SpryAssets into your site folder. Open up the SpryAssets folder and delete the file - SpryMenuBarHorizontal.css
Copy and save code below into a new Dreamweaver document and save it to your side folder. Run it via a browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style>
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
cursor: default;
width: auto;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
ul.MenuBarActive
z-index: 1000;
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
width: 140px;
float: left;
margin-right: 4px;
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
ul.MenuBarHorizontal a
display: block;
background-color: #666;
text-decoration: none;
text-align: center;
padding: 4px 0;
color: #fff;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-left: 1px solid #666;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
ul.MenuBarHorizontal a:hover
background-color: #fff;
color: #39C;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-left: 1px solid #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 140px;
ul.MenuBarHorizontal ul li a
background-color: #FFF;
color: #666;
border: none;
text-align: left;
ul.MenuBarHorizontal ul li a:hover
border: none;
color: #39C;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Office Supplies</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
<li><a href="#">Paper & Printing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Filing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Mailing & Shipping</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Furniture</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Audio Visual</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html> -
Drop Down Menu not functioning
I'm very VERY new to dreamweaver/fireworks but have been making small changes to multipul websites for a company. They have asked me to come up with a totally new design for their primary webpage and I'm having an issue with the drop-down menu.
I'm created the menu in fireworks using the hotspot tool and it "previews" just fine in both fireworks and dreamweaver. I went through the export process in fireworks and exported the hotspots/images and html code into my primary folder for the website. I pasted the html-code in the location that I wanted on the webpage.
When I upload the page and go to view it the drop-down-menu does not function properly. I have to add an <div> after my .jpg banner for the images of the dropdown to appear. Even then the pull-down-menu does not show up properly.
*Side note* the page also loads VERY SLOWLY now, not sure why. In an attempt to start over I access the "remote view" of the webpage through dreamweaver and deleted all but the "Admin" folder which it did not allow me to delete? Did I majorly mess something up here?
I'm also attachin and image that is a screenshot of what the menu/root folder looks like in dreamweaver
www.greatermichiganpmc.org <--page
Code for drop-down:
<div id="container">
<div id="header">
<div align="center">
<p align="center">
<!-- end #header -->
<img src="index-banner.jpg" width="700" height="223" /></p>
<div id="FWTableContainer1508856550"> <img name="indexpulldown" src="indexpulldown.gif" width="699" height="32" border="0" id="indexpulldown" usemap="#m_indexpulldown" alt="" />
<map name="m_indexpulldown" id="m_indexpulldown">
<area shape="rect" coords="601,6,691,26" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuShowMenu('MMMenuContainer0914133643_0', 'MMMenu0914133643_0',601,26,'indexpulldown');" />
<area shape="rect" coords="503,6,593,26" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuShowMenu('MMMenuContainer0914133421_1', 'MMMenu0914133421_1',503,26,'indexpulldown');" />
<area shape="rect" coords="404,6,493,28" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuShowMenu('MMMenuContainer0914133324_2', 'MMMenu0914133324_2',404,28,'indexpulldown');" />
<area shape="rect" coords="304,6,394,26" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuShowMenu('MMMenuContainer0914133237_3', 'MMMenu0914133237_3',304,26,'indexpulldown');" />
<area shape="rect" coords="206,6,295,28" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuShowMenu('MMMenuContainer0914133022_0', 'MMMenu0914133022_0',206,28,'indexpulldown');" />
<area shape="rect" coords="106,6,196,26" href="http://www.greatermichiganpmc.org/news.html" alt="" />
<area shape="rect" coords="6,6,97,28" href="http://www.greatermichiganpmc.org" alt="" />
</map>
<div id="MMMenuContainer0914133643_0">
<div id="MMMenu0914133643_0" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.greatermichiganpmc.org/uastar.html" id="MMMenu0914133643_0_Item_0" class="MMMIFVStyleMMMenu0914133643_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133643_0');"> UA Star </a> <a href="http://greatermichiganpmc.org/uatraining.html" id="MMMenu0914133643_0_Item_1" class="MMMIVStyleMMMenu0914133643_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133643_0');"> UA Training </a> </div>
</div>
<div id="MMMenuContainer0914133421_1">
<div id="MMMenu0914133421_1" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.greatermichiganpmc.org/links.html" id="MMMenu0914133421_1_Item_0" class="MMMIFVStyleMMMenu0914133421_1" onmouseover="MM_menuOverMenuItem('MMMenu0914133421_1');"> Links </a> <a href="http://www.greatermichiganpmc.org/buyersguide.html" id="MMMenu0914133421_1_Item_1" class="MMMIVStyleMMMenu0914133421_1" onmouseover="MM_menuOverMenuItem('MMMenu0914133421_1');"> Buyer's Guide </a> <a href="http://www.greatermichiganpmc.org/career.html" id="MMMenu0914133421_1_Item_2" class="MMMIVStyleMMMenu0914133421_1" onmouseover="MM_menuOverMenuItem('MMMenu0914133421_1');"> A Career </a> <a href="http://www.greatermichiganpmc.org/training.html" id="MMMenu0914133421_1_Item_3" class="MMMIVStyleMMMenu0914133421_1" onmouseover="MM_menuOverMenuItem('MMMenu0914133421_1');"> Training </a> <a href="http://www.mitripartite.com/survey.htm" id="MMMenu0914133421_1_Item_4" class="MMMIVStyleMMMenu0914133421_1" onmouseover="MM_menuOverMenuItem('MMMenu0914133421_1');"> MTC Survey </a> </div>
</div>
<div id="MMMenuContainer0914133324_2">
<div id="MMMenu0914133324_2" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.greatermichiganpmc.org/officers.html" id="MMMenu0914133324_2_Item_0" class="MMMIFVStyleMMMenu0914133324_2" onmouseover="MM_menuOverMenuItem('MMMenu0914133324_2');"> Officers </a> <a href="http://www.greatermichiganpmc.org/members.html" id="MMMenu0914133324_2_Item_1" class="MMMIVStyleMMMenu0914133324_2" onmouseover="MM_menuOverMenuItem('MMMenu0914133324_2');"> Members </a> </div>
</div>
<div id="MMMenuContainer0914133237_3">
<div id="MMMenu0914133237_3" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.greatermichiganpmc.org/meetings.html" id="MMMenu0914133237_3_Item_0" class="MMMIFVStyleMMMenu0914133237_3" onmouseover="MM_menuOverMenuItem('MMMenu0914133237_3');"> Meetings </a> <a href="http://www.greatermichiganpmc.org/community.html" id="MMMenu0914133237_3_Item_1" class="MMMIVStyleMMMenu0914133237_3" onmouseover="MM_menuOverMenuItem('MMMenu0914133237_3');"> Community </a> </div>
</div>
<div id="MMMenuContainer0914133022_0">
<div id="MMMenu0914133022_0" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.greatermichiganpmc.org/tsr.html" id="MMMenu0914133022_0_Item_0" class="MMMIFVStyleMMMenu0914133022_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133022_0');"> TSR </a> <a href="http://www.greatermichiganpmc.org/histroy.html" id="MMMenu0914133022_0_Item_1" class="MMMIVStyleMMMenu0914133022_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133022_0');"> History </a> <a href="http://www.greatermichiganpmc.org/staff.html" id="MMMenu0914133022_0_Item_2" class="MMMIVStyleMMMenu0914133022_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133022_0');"> Staff </a> <a href="http://www.greatermichiganpmc.org/awards.html" id="MMMenu0914133022_0_Item_3" class="MMMIVStyleMMMenu0914133022_0" onmouseover="MM_menuOverMenuItem('MMMenu0914133022_0');"> Awards </a> </div>
</div>
</div>
</div>
</div>
<div id="sidebar1">
<h3><img src="index-side.jpg" width="200" height="581" /></h3>
<!-- end #sidebar1 --></div>
Any and all help is appreciated. Thank you in advanceFirstly, the link to the imported stylesheet is wrong - it appears to be pointing to your hard drive: that needs to be fixed and if it relates to the menu, likely the reason why the menu isn't visible.
@import url("../../../../../../../../S|/All Users Documents/Graphics/Chris/Greater Michigan PMC/indexpulldown.css");
Are you working in a defined DW site? It's very important that you are - it's the way that DW keeps track of all the links and paths.
Define a site:
http://kb2.adobe.com/cps/140/tn_14028.html
Next: Those FWs exported dropdowns are atrocious, there was a reason the functionality was removed from the latest FWs and DW. Even though a CSS version is available, it may be ok to use for protyping for certainly not for live production sites.
POP UP MENUS - why not to use them:
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
http://apptools.com/rants/jsmenu.php
http://apptools.com/rants/menus.php
There are much better ways to build a dropdown menu, one of them is the Spry Menu available in CS3 and CS4. They too, can cause issues, but at least the links throughout your site are inside the html code, not in the javascript.
Spry Menus: - already included with CS4
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS8B985763-4DFA-4415-B242-B2C 2D7DED657a.html
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt5_03.html
Better Ways to create CSS dropdown menus (user friendly and search engine friendly):
CSS Dropdown menus by Suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/
As for this:
*Side note* the page also loads VERY SLOWLY
now, not sure why. In an attempt to start over I access the "remote
view" of the webpage through dreamweaver and deleted all but the
"Admin" folder which it did not allow me to delete? Did I majorly mess
something up here?
I'm not really sure what you mean and which folders you deleted from where ;-) -
Drop Down Menu going up in IE 8- HELP!
I'm new to using the spry widgets in CS3 Dreamweaver, and I'm trying to create my first horizontal menu where one of the items will have a drop down menu. It works in all browsers except for IE8, where it starts at the top of the page and goes down. I've tried adjusting the css for this in a few different ways based on some of the forums I've read, but I still can't get it to work. Could someone look at the css code (below), and let me know how to fix this. Any assistance or advice would be greatly appreciated. Thanks Much!!!
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 150;
list-style-type: none;
font-size: medium;
cursor: default;
width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
top:0;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
top:0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin-top: 0%;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #000000;
padding: 0.5em 0.75em;
color: #FFFFFF;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #C41E3A;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #C41E3A;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;Remove the red coloured part
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto;
top:0;
or start again with the original SpryMenuBarHorizontal.css and follow the rules as in http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.
Either way will get you back on track.
Good luck.
Ben
Maybe you are looking for
-
Hi Experts, I have twice error on Table UI Element into Web Dynpro Abap. When i use this method with lo_el from table row, don´t run. LOOP AT lt_tabla_reserva ASSIGNING e_property-read_only value = abap_true. Is there any other Sap C
-
Hi Everyone I was trying to make the following demonstration scenario on the AS and the facilities that can afforded by Oracle to our company: Note: I have just one machine for demonstration with Win2003 Enterprise First of all, I need to build a por
-
Hello All, I have an ear file containing a war for a web app and a jar for an ejb. I am trying to instantiate the EJB in my web app (war file). My question is how does the web app know about the interfaces from the EJB: I want to call the local inter
-
My rotation orientation sensor not working.
I am using iphone5 and I tried everything for the rotation even I showed it to istore engineers, they say my iPhone is perfectly alright, no software neither hardware issues. But still my iPhone does not rotate I don't know why. Photos, videos and ev
-
Game help? simple question
I really want to make a dirt bike game, so basically a side scroller with a bike, that has collision detection obviously for ramps ect. does anyone have any ideas onto how to approach this?