Show button on hover issue

Hi there!
EDIT: I'm pretty sure the issue lies in the fact that the original image just hides itself, meaning the bitton behind it cannot be clicked as the original image has not been removed, its just hidden. Any help much appreciated, can't see how to fix!
I am following this tutorial: http://toddmotto.com/create-a-simple-jquery-hover-call-to-action-box/ to create an image where when hovered upon, the user can click one of two buttons/clickable images which appear. At the moment I have this, I have tried to make the top image clickable, to no avail: (also seen here: http://allumez-test.site90.com/clothing.html)
Also, unlike the tutorial, I am trying to make just the individiual button images clickable, not the whole image as in the tutorial.
HTML:
<div class="wrapper">
                    <div id="main">
                              <div id="blur">
                                                  <img src="images/content-hoodie.png" class="static">
                                        <div style="position:relative;">
                                                  <a href="#"><img src="images/button.png" width="90" style="position: absolute; top: 80px; left: 0px;"></a>
                    <img src="images/button.png" width="90" style="position: absolute; top: 0; left: 0;">
                                                  <img src="images/content-hoodie.png" style="position: absolute; top: 0; left: 0; z-index:-1;">
                                        </div>
                              </div>
                    </div>
          </div>
CSS:
/* Styling of button on hover */
#blur {position:relative;}
#blur img.static {position:absolute;left:0;top:0;z-index:1;}
#blur img.blur {position:absolute;left:0;top:0;}
/* Styling of button on hover */
Many thanks
Max

You can tweak the CSS however you like.  But given the limitations of anchors & span tags with the various things on your wish list, jQuery is a workable solution that won't adversely effect usability.
The only other suggestion I can offer is to make buttons visible in the first place and forget about all the transition stuff.  In the long run, that might be the best plan .
Nancy O.

Similar Messages

  • Show button with Java program

    Hi. I have developed a Help system in which I can see the
    Show button on every page when I do a CSH Test. However, when the
    application is attached to the Java application, the Show button
    does not display. Has anybody handled this before? Do I have to
    create a link on every page back to the full application (front
    page)?
    Thank you.

    Welcome to the forum.
    If double clicking one of the topics in the output displays
    the Show link then it looks like it is the call to the CSH that is
    the issue. That is for your developers to resolve. You should not
    need to create a link in the topics.

  • TS4062 I can't sync music on my computer to my ipod touch; the ipod shows up under Devices in itunes but does not show buttons (Summary etc.) when I click on it. Suggestions?

    I can't sync music already on my computer to my ipod touch; the ipod shows up under Devices in itunes but does not show buttons (Summary etc.) when I click on it. I've read through all the Help tutorials but none of them say what to do if the sync options don't pop up when you highlight the device.  I've already spent way too much time trying to figure this out and it's driving me crazy!  Thanks for any help you can offer.

    This is correct.  It will not show in finder.  It is not an external storage device.
    The music sync is one way - computer to ipod.  The only exception is itunes purchases.  Open itunes connect ipod, do not sync, click File>Transfer Purchases

  • Bubble Chart mouse hover issue

    Hi,
    we are facing problem in removing mouse hover data point in the bubble chart.
    Requirement is such that we do not want to show a data point in mouse hover in a bubble chart.Since size of bubbles in the chart have been mapped with these values,these are necessarily shown as a data points in mouse hover.
    Is there any means by which we can continue mapping size to these data values and still not show in the bubble chart mouse hover.
    Thanks,
    Deepa

    Thanks for ur response
    Actually I Require to show the mouse hover values for other data points except size.If I uncheck the "mouse hover option"...Mouse hover property will vanish at all.
    Thanks,
    Deepa

  • Where is the Show button in iTunes 12?

    I have iTunes 12.1 running on my iMac (OS 10.9.5) and on my MacBook Pro (OS 10.9.5).  They are both logged in to the same Apple ID.  They both have Home Sharing turned on.  They can see each other's music libraries, but there is no Show button and so no way to Import from one to the other.
    I spent an hour with Apple support and we cannot see what's wrong.
    My only thought is that my iCloud log in is to a different Apple ID; it should not matter but maybe it does.
    I would like to delete and reinstall iTunes, so I reinstalled OSX using cmd-R on restart; but I don't think that reinstalled iTunes 12.  I'm not sure anyway.
    help?
    Linda John

    Welcome to the Apple Community Gophergirl22.
    Are you sure you have set up home sharing and not sharing.

  • Why I need to click it twice show buttons?

    Hi,
    First I don't see any buttons (Buttons -This is a movie clip) on Stage. When I click on Show button using the following code, I can see my Buttons. But first I need to click twice to see the Buttons. While second time there is no problem. How to solve the problem?
    this.Buttons.visible = false;
    import fl.controls.Button;
    var myButton:Button = new Button();
    myButton.label = "Show Menu";
    myButton.name = "btn1";
    myButton.toggle = true;
    myButton.move(55, 95);
    addChild(myButton);
    myButton.addEventListener(Event.CHANGE, changeHandler);
    function changeHandler (event:Event):void {
        if (event.currentTarget.selected == false) {
            Buttons.visible = true;
            myButton.label = "Hide Menu";
        } else {
            Buttons.visible = false;
            myButton.label = "Show Menu";       
    Thanks and regards,

    use:
    function changeHandler (event:Event):void {
        if (event.currentTarget.selected) {
            Buttons.visible = true;
            myButton.label = "Hide Menu";
        } else {
            Buttons.visible = false;
            myButton.label = "Show Menu";       

  • Trying to show button images in a toolbar

    Hello, I'm trying to show buttons in a toolbar with the images contained in jlfgr-1_0.jar. I'm using as a base code the ToolBarDemo2 example from the Swing tutorial, but with the difference that my executable class ("D", for instance) is in a package ("package a.b.c;")
    The .jar file is in a "jars" directory placed in "a\b\c\jars"
    I try to execute the code with:
    java -cp .;a/b/c/jars/jlfgr-1_0.jar a.b.c.D
    and with
    java -cp .;jars/jlfgr-1_0.jar a.b.c.D
    but the images are not shown. I have errors like "Resource not found: toolbarButtonsGraphics/navigation/Up24.gif". Where I'm wrong?
    Thanks you in advance.
    Jorge.

    Select that folder in LR and run the search again. It should be restricted to the folder. I asume the original search was doen in All Photographs.
    Don
    Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.9 & Win XP, Pentax *ist D
    http://donricklin.blogspot.com/

  • Some water got into my iPhone4 and now the home button is having issues. Is there a fix for this?

    As the title says, my home button is having issues that started after some water got into my iPhone4. It takes about twenty attempts before it will register that I hit the home button. It is not under warranty anymore. Any help or suggestions on how to fix the problem would be appreciated. Thanks

    Take to Apple and have then check.
    If it is damage you will be charged for the replacement since the warranty does not cover damage.
    Allan

  • Can't uninstall iTunes. "Store View Button" as the issue. What do I do?

    I tried to add new music from my computer to my ipod and there was a problem that would not allow it to happen. I decided to uninstall and then reinstall itunes. Problem - I am unable to uninstall the entire program. I have an error that discusses "Store View Button" as the issue and it will not allow me to uninstall iTunes. I can't even reinstall iTunes. It always says there is an error What do I do?

    Make sure you signed in with same email address on your Computer, website and Ipad.
    To check
    Open Creative Cloud App and Click Gear icon on the top Right corner, then open preferences.
    Click on accounts.
    Also make sure you have enough space in your cloud account
    If the email address is same then check.
    http://helpx.adobe.com/creative-cloud/kb/arent-my-files-syncing.html
    http://helpx.adobe.com/creative-cloud/kb/creative-cloud-connection-known-issues.html
    Creative Cloud desktop app | Unable to turn-on File sync

  • Parts HTML form Expand All(Show button) option needs to customize.

    Hi,
    I am new to OAF.
    I have a requirement lin Oracle Sparse Management -> Parts HTML Request Form needs to Personalize/Customize for a business requirement.
    I have some qusetions like
    1. Can we customize or personalize the Show All Details or HideAll Details options in OA Forms ?
    2. If Yes, i have similar requirement like that,
    The personalization aim is show all details should be expanded by default.
    3. If No please provide why it can not be achevable.
    Here is business reuirement in parts Html, there are two regions in page 1. Header 2. Lines (Under Lines there are two table 1 is for Item information search and 2nd is for order details based on the item. This order details are hided under the Item information table one of the field button Show(which is like Expand All with symbol +))
    Page works like below.
    1. Header level validations are there for some fields like Resource, Need By Date.
    2. Once Valid from header can be entered the Item information search in Lines details Region, in the same table there is an option with + symbol (Show), which is like Expand All.
    will validate the item details and displays Order details respective to item. These results are hide under + Show button.
    If i want see the order details then i need to perform click action on the +Show button. (Requirement is this should be done automatically once i have entered the item in Line Details Region and needs to display the results).
    Please provide your seggestions to acheive this.
    Thanks,
    Narayana Swamy

    For this i have tried below steps to extend related VO of SHow button field.
    Below steps i have perforemed.
    1) Identified the right VO from about this page.
    ReqLineVO
    2) Exported the related standard VO to JDEV from Server.
    ReqLineVOImpl.java, ReqLineVORowImpl.java, ReqHeaderVO, RequirementAM, RequirementAMImpl.java
    3) Created a new VO which extends the standard VO and modified Showhide flag to ‘Y’
    HolxReqLineVO, HolxReqLineVOImpl.java, HolxReqLineVORowImpl.java
    4) Performed substitutions in Jdeveloper
    Project Properties -> Business Components -> substitutions
    5) Have created custom folder structure in server and moved custom VO files to server.
    \holx\oracle\apps\csp\portal\requirement\server\HolxReqLineVO.xml
    6) Performed JPX import
    1. Go to E:\jdev10g\jdevbin\oaext\bin
    2. Executed the below command
    jpximport E:\jdev10g\jdevbin\jdev\myprojects\OAProject4.jpx -username apps -password th1rdapps -dbconnection "(DESCRIPTION=(ADDRESS=(PROTOCOL=tcp)
    (HOST=mycomapny.com)(PORT=1526))(CONNECT_DATA=(SID=TESTDB)))"
    7) After this bounced apache.
    8) While trying to open the parts html form, below exception is occurring.
    Error Page
    Exception Details.
    oracle.apps.fnd.framework.OAException: Could not load application module 'oracle.apps.csp.portal.requirement.server.RequirementAM'.
         at oracle.apps.fnd.framework.webui.OAJSPApplicationRegistry.registerApplicationModule(OAJSPApplicationRegistry.java:279)
         at oracle.apps.fnd.framework.webui.OAJSPApplicationRegistry.registerApplicationModule(OAJSPApplicationRegistry.java:78)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1306)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:549)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:437)
         at OA.jspService(_OA.java:212)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:59)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:473)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:594)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:518)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:856)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:734)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:391)
         at com.evermind.server.http.ServletRequestDispatcher.unprivileged_forward(ServletRequestDispatcher.java:280)
         at com.evermind.server.http.ServletRequestDispatcher.access$100(ServletRequestDispatcher.java:68)
         at com.evermind.server.http.ServletRequestDispatcher$2.oc4jRun(ServletRequestDispatcher.java:214)
         at oracle.oc4j.security.OC4JSecurity.doPrivileged(OC4JSecurity.java:284)
         at com.evermind.server.http.ServletRequestDispatcher.forward(ServletRequestDispatcher.java:219)
         at com.evermind.server.http.EvermindPageContext.forward(EvermindPageContext.java:395)
         at RF.jspService(_RF.java:225)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:59)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:473)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:594)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:518)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:856)
         at com.evermind.server.http.ResourceFilterChain.doFilter(ResourceFilterChain.java:64)
         at oracle.apps.jtf.base.session.ReleaseResFilter.doFilter(ReleaseResFilter.java:26)
         at com.evermind.server.http.EvermindFilterChain.doFilter(EvermindFilterChain.java:15)
         at oracle.apps.fnd.security.AppsServletFilter.doFilter(AppsServletFilter.java:318)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:642)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:391)
         at com.evermind.server.http.HttpRequestHandler.doProcessRequest(HttpRequestHandler.java:908)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:458)
         at com.evermind.server.http.AJPRequestHandler.run(AJPRequestHandler.java:313)
         at com.evermind.server.http.AJPRequestHandler.run(AJPRequestHandler.java:199)
         at oracle.oc4j.network.ServerSocketReadHandler$SafeRunnable.run(ServerSocketReadHandler.java:260)
         at com.evermind.util.ReleasableResourcePooledExecutor$MyWorker.run(ReleasableResourcePooledExecutor.java:303)
         at java.lang.Thread.run(Thread.java:662)
    ## Detail 0 ##
    JBO-30003: The application pool (holdb01.dataintensity.comHOLDEV1524oracle.apps.csp.portal.requirement.server.RequirementAM) failed to checkout an application module due to the following exception:
    oracle.jbo.JboException: JBO-29000: Unexpected exception caught: oracle.jbo.JboException, msg=JBO-29000: Unexpected exception caught: oracle.jbo.InvalidOperException, msg=JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.
    ## Detail 0 ##
    oracle.jbo.JboException: JBO-29000: Unexpected exception caught: oracle.jbo.InvalidOperException, msg=JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.
    ## Detail 0 ##
    oracle.jbo.InvalidOperException: JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.
    JBO-30003: The application pool (holdb01.dataintensity.comHOLDEV1524oracle.apps.csp.portal.requirement.server.RequirementAM) failed to checkout an application module due to the following exception:
    oracle.jbo.JboException: JBO-29000: Unexpected exception caught: oracle.jbo.JboException, msg=JBO-29000: Unexpected exception caught: oracle.jbo.InvalidOperException, msg=JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.
    ## Detail 0 ##
    oracle.jbo.JboException: JBO-29000: Unexpected exception caught: oracle.jbo.InvalidOperException, msg=JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.
    ## Detail 0 ##
    oracle.jbo.InvalidOperException: JBO-26036: Recursive substituion for holx.oracle.apps.csp.portal.requirement.server.HolxReqLineVO.

  • Extend 'Show buttons/forms' button functionality to MSOs

    When I have a lot of MSO's (usually with only blank and image states) and a button to display/hide them, I have to make ALL the buttons on the page hide the other MSOs that I don't want to show, in case someone shows one MSO, then another and another. This would potentially end up with a lot of MSOs showing. If I add 'Go to state 1' as butotn functionality for all the MSO's to each button, I can ensure that showing one MSO ensures that only the visible state of that MSO is visible, all others are hidden. But it means for each page with say six MSOs, each button needs six handlers, so 36 handlers per page.
    But if the 'Show buttons/forms' functionality was extended to MSOs, it would be much easier to build and maintain lots of multiple MSOs - I can control which MSOs each button shows.
    Does that make sense? Much easier to show that type a description for!

    Hello!
    There are several possibilities how to call transaction:
    - You can call it as service (that is what you do when you test it from SICF)
    - You can call it through service (or alias) WEBGUI (not using service for the specific transaction to call it)
    If you are calling it through WEBGUI then parameter ~SINGLETRANSACTION should be added to service (or alias) of WEBGUI. And there should be added also Log Off URL (in SICF). At this case it should navigate back to the URL which is specified in SICF.
    Hope this helps!
    Best regards,
    Rorijs

  • Where is the Show button in the itunes window?

    I'm trying to add songs from my library on my laptop to my parents computer. I've already turned on home sharing. But in the helpful tips it says to use the show button at the bottom of the itunes window and I cannot find it.

    Welcome to the Apple Community Gophergirl22.
    Are you sure you have set up home sharing and not sharing.

  • Dynamically showing button

    I would like a button to display ONLY when a link to a URL
    exists in the database.
    I could add an extra field in the database with the URL to
    the button's image, but would prefer to do it dynamically.
    I am sure its something like, if .... but not sure how
    exactly to set it up.
    C

    How about this, this is in ASP though:
    <%
    if (rsName.Fields.Item("Link") <> "") then
    <show button>
    else
    <do something else>
    end if
    %>

  • Hide and show button

    hi , i want when i click on show button then the show button hide and the hide button show , and vice versa , how i will do that through java script or any method plz help

    Hi little foot ,
    I am using apex 4.0
    can you tell me how to make the hide and show region to open it on sidewise now its opeing in downwards direction can you tell me .
    Thanks & Regards.
    Shadab

  • External topics using Hide/Show button

    I need to be able to add a Hide/Show button for external topics - i.e. topics that are not part of the RH project, but rather linked to from the TOC using http://
    Thanks in advance

    Hi there
    I'm unclear on what you are wanting. Do you mean that you have perhaps a link to Google, and somehow you need to cause a Hide / Show button to appear on the Google page?
    I'm not sure that's even possible.
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

Maybe you are looking for

  • Ipad 4 Retina display keeps freezing and reboots

    the past week my Ipad 4 has been having problems with freezing and rebooting. I deleted a game app which I thought was the problem and now when I use my email app it will start to freeze then reboot. Of course my warranty has just run out when this h

  • Move clips from timeline to event sub folder?

    Aloha, Is there a way to move clips in the timeline that I have cleaned into a sub folder in an event library? I come from a non FCP background and still trying to wrap my mind/workflow around the FCP formula.  Generally I clean clips and drop "some"

  • Capture audio from separate device

    Is it possible to capture from a camera, but record the audio at the same time from a different audio device, e.g. soundcard? (My camera does not have a separate audio input with reasonable quality, so one could save from having 2 separate files by r

  • XDODTEXE : is Not workign For me

    I have Created a and Data Deffination having a Data Template . I created a Concurrent program With Shortname as CODE name ( both are same name ) and attache the Executable as XDODTEXE . While Running the Report It's Give me following error XDO Data E

  • SPDI/F passthrough to an external decoder

    Hi fellas, I have an Sound Blaster Audigy 2 Value which I have always used in the proprietary shit called microsoft with this useful tool called spdif passthrough, which bypassed e.g. DTS or Dolby digital 5.1 to my decoder (it does not support analog