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.

Similar Messages

  • 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,
    Kazem

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

  • Previously i was able to select tools in the bridge and then select image processor to make jpegs from my tiffs, the image processor tab is no longer on the tools drop down menu

    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.

  • Horizontal drop down menu trouble

    Hello,
    I am trying to make a horizontal drop down menu which is
    located at the top of my page, right on top of an
    image.(www.citadelap.com/index_copy(2).htm). I have my code working
    in IE when it is on it's own page, without the image, etc.
    (www.citadelap.com/drop_menu.html). What do I have to do to get
    this drop down menu to show over the image in IE??
    Thanks for any help you can offer!!!

    I have quickly looked at your markup and found too many problems to discuss here. What I have found so far
    There is no DOCTYPE
    SpryMenuBarHorizontal is doubled up
    There is extensive use of absolute position where it is not neccessary
    I suggest you go to here http://www.w3schools.com/
    Gramps

  • Drop Down Menu List Not Visible

    Hi
    I am using a Horizon menu across top of page for user to
    select from a list of pages to go to but for some reason the menu
    drop down list is not fully visible but rather appears behind other
    elements on the page such as a flash video and a google ad . does
    anyone know what is causing this or what setting i should set to
    force the drop down menu to appear over the rest of the elements in
    the page as you would want it do.
    thanks
    edward

    "egc2224" <[email protected]> wrote in
    message
    news:fum99r$2nb$[email protected]..
    > what is z indexing?
    http://www.tjkdesign.com/articles/everything_you_always_wanted_to_know_about_z-index_but_w ere_afraid_to_ask.asp
    Thierry
    Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    Keep your markup *clean* with these DW extensions and
    scripts:
    http://www.divahtml.com/products/scripts_dreamweaver_extensions.php

  • No drop down menu in Desktop & Screen Saver

    I just transferred everything to a new Macbook Pro (2011 model) from my old one (early 2010) model, and when I access Desktop and Screen Saver to look at my background images, there is no longer a drop down menu for fitting the images to screen, even though I could do so on my last Macbook Pro with the same custom images I'm using now.
    Any ideas?

    Okay, it's resolved.  For some reason, having the Custom Wallpaper folders in my actual Desktop & Screen Saver library directory did not work, so I moved them to my User/Library/Pictures directory and now it works fine.
    But it would be nice to be able to keep desktop backgrounds in the same default directory as all of the other backgrounds...

  • Spry: Drop Down Menu

    Hello, I was wondering if someone can help me with the
    following...
    In the Spry Photo Gallery, I would like the drop down menu to
    swap an image (not the main image from the slide show, but rather a
    separate image elsewhere on the page) for another, so the result
    would be for each View in the drop down, there would be an
    associated image that displays on the page.
    Thanks in advance for any help,
    Sal

    Actually I figured it out.
    I simply added a new tag to the galleries.xml file called
    <where></where>
    <galleries>
    <gallery base="vulcano/" file="photos.xml">
    <sitename></sitename>
    <photographer></photographer>
    <contactinfo></contactinfo>
    <email></email>
    <security><![CDATA[]]> </security>
    <locationinfo></locationinfo>
    <where></where>
    </gallery>
    </galleries>
    And in the photos.xml file I place the path to the file name
    inside the <where> tag
    <gallery
    base = ""
    background = "#FFFFFF"
    banner = "#F0F0F0"
    text = "#000000"
    link = "#0000FF"
    alink = "#FF0000"
    vlink = "#800080"
    date = "2/7/2007">
    <sitename></sitename>
    <photographer></photographer>
    <contactinfo></contactinfo>
    <email></email>
    <security><![CDATA[]]> </security>
    <locationinfo></locationinfo>
    <where>images/filename.jpg</where>
    And then in the HTML file I added the following to hold my
    image
    <div spry:region="dsGallery"><img
    src="{where}"></div>

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

  • 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

    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:

  • TS3276 the images (attachments) are automatically resized (smaller) when I send them to a customer. My email screen does not show a drop down menu box where you can leave as actual size. Is there a setting elsewhere that can be set.

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

    What email program are you using? And what do you mean by "Safari mail"?

  • I use QVC online a lot. When hovering over a catagory headings at the top of the page, a drop down menu shows a list of subcategories. Is this feature available in Firefox 4 & 5? If so, how do I turn it on?

    I use QVC online a lot. When hovering over a category heading in IE9 a drop down menu appears with detailed subheadings for that category. Is this feature available in Firefox versions 4 and 5? Is this something that can be turned on in Firefox 4 & 5? If so, how do I turn this feature on?

    Hey Dave,
    How did you get on with this?
    Have you tried CSS position:fixed?  I have been playign around with it on my own project  (and in fact are just about to post a related question)  and can confirm that it works with a plain old DIV.
    SVG I can't be sure though..
    Certainly give it a try.
    Cheers

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

    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
    phil

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

  • Problems with flash transparent drop down menu over html in some browsers

    Hi everyone... this is my first post and it's about an issue
    that's causing me a few problems.
    I'm currently designing/ building my company's web site, the
    test page be viewed here: www.musflashtv.com/test.htm
    1) This layout contains an embeded flash movie (.swf) with a
    transparent background, this is the main navigation.
    The flash navigation has a drop down menu that animates down
    and covers the html page (containing links) below.
    The problem is that in most current browsers such as; Firefox
    2.0.05 (links below template don't work), Netscape 8.1.3
    (navigation drop down and links don't work) and Opera 9.10 (links
    below template don't work), any links just below the 'invisible'
    transparent area coverd by the navigation can't be clicked 'through
    the flash file'. The exception is IE 7.0, everything is fine there.
    (it hasn't been tested in any mac browsers though).
    Because the area below the navigation on
    www.kitachi.info/work is one large dummy jpeg file, the link below
    would be a much better example to look at.
    http://www.musflashtv.com/shows/ind...tlight-Sessions
    The flash navigation is embedded in the html (tlp) template
    file using the code below and aligned using an external style
    (.css) sheet, this html code not only embeds the flash movie but it
    also tells the browser to display it's background and as
    transparent. The flash movie is embedded in a layer that sits above
    the table.
    3) The flash embed code:
    <object
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
    http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
    name="shows-navigation-tranparent" width="851" height="300"
    align="top" class="flash-navigation"
    id="shows-navigation-tranparent">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie"
    value="flash/navigation-tranparent.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#000000" />
    <param name="SCALE" value="exactfit" />
    <embed src="flash/navigation-tranparent.swf" width="851"
    height="300" align="top" quality="high" wmode="transparent"
    bgcolor="#000000" name="navigation-tranparent"
    allowscriptaccess="sameDomain" type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    scale="exactfit" />
    </object>
    Does anybody know of any code that can solve this problem or
    know a different way of creating a flash navigation with a drop
    menu that can be embeded over html?
    Any help or advice would be greatly appreciated especially as
    this issue is holding back progress in a big way.
    Thanks in advance guys!
    Adie

    It's IE-only behaviour as a result of changes Microsoft made
    last
    year to their browser, regarding how Active Content (Flash,
    Quicktime etc)
    is handled, after losing a high profile court case.
    http://blog.deconcept.com/2005/12/15/internet-explorer-eolas-changes-and-the-flash-plugin/
    Background:
    http://en.wikipedia.org/wiki/Eolas
    See also
    http://www.adobe.com/devnet/activecontent/
    If you're running Dreamweaver 8.0.2, the fix is already built
    into DW's
    interface.
    If not, try
    http://blog.deconcept.com/swfobject/
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "swizzle_16" <[email protected]> wrote in
    message
    news:eqr0ib$48r$[email protected]..
    > Help please, I've put together a website using a drop
    down menu system
    > that
    > needs to drop down over a flash animation - I've managed
    to get the drop
    > downs
    > to go in front of the animation using the transparent
    tag - but each
    > option has
    > to be clicked on twice to get the link to work.
    >
    > Does anyone know how I can change it so the link needs
    to be only clicked
    > once?
    > The drop down menu system I've used is : * AnyLink Drop
    Down Menu- ©
    > Dynamic
    > Drive (www.dynamicdrive.com)
    >

  • CS6 Bridge suddenly no longer opens jpeg images. Double click and drop-down menu do nothing. No new installation or changes.

    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

Maybe you are looking for

  • Extra line while downloading xl file via gui_download

    Hi, I am download a XL file using the gui_download. but one line automaticall coming like F1    F2   F3 F4  ....... and so on to all the fields.. Please give any advise how to remove that first line with F1.....and so on.. Thanks, Suresh

  • WebUtil and RUN_REPORT_OBJECT

    I'm facing the following problem: I built a demo-form using the WebUtil-Functions to check our needs for migrating from C/S to Web. The Webutil-functions work properly. I have a call to a report in the same form using RUN_REPORT_OBJECT which also wor

  • Database Designer App

    Hi, I need to make a database designer type application.  Where there are floating list boxes that can be moved around.  Each of the list boxes will represent a tables and you can drag relationships between the list boxes which will create a line map

  • Whats types of inputs can be used with DAQ 6527? (PNP or NPN)

    I need to know what types of input device (PNP or NPN) can be used with a DAQ 6527.

  • JNI classloading in WLS8.1

    Hi, I have a web app that contains a class that uses a (3rd party) c library via JNI. This works fine until the web app is redeployed, when I get an exception stating that the library has already been loaded be another class loader. From my research