Css Sliding door technique for button element

Posted on 2011-04-21
Last Modified: 2012-05-11
I am currrenty experiencing some cross browser issue after adapting the sliding door technique found here for a button.

FF, Safari are not happy while the latest versions of IE, Chrome & Opera are fine.

How do I go about solving the cross browser issues?
Question by:Richard Lee
    LVL 17

    Assisted Solution

    Safari on the mac is fine with your solution, FF still isn't. All I can think of is 'this is why I never try to style form-elements'... At least it's possible to alter buttons now, but it appears some remnants of the button styling are interfering. As there appears to be no good reason for using an actual button element, my advice is to use an anchor instead.
    LVL 18

    Accepted Solution

    OK I have solved that issue on this thread with FF:

    Now I am trying to solve it for Safari on the PC:
    LVL 18

    Author Closing Comment

    by:Richard Lee
    OK I have solved that issue on this thread with FF:

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    7 Experts available now in Live!

    Get 1:1 Help Now