Home/ Questions/Q 3944066
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T00:51:23+00:00

I am having a strange issue with trying to style a link as a

  • 0

I am having a strange issue with trying to style a link as a JQuery UI button. It’s showing up as a button in Chrome and as a link in Firefox and IE8.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="script/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="script/jquery-ui-1.8.9.custom.min.js"></script>
    <link rel="stylesheet" type="test/css" href="stylesheet/jquery-ui-1.8.9.custom.css">
    <link rel="stylesheet" type="text/css" href="stylesheet/styles.css">
    <script type="text/javascript">
        $(document).ready(function(){
            $("a").button();
        });
    </script>
    <title>Introduction</title>
</head>
<body class="indexbody">
    <div class="indexwrapper">
        <div id="introduction">        
            <div class="btn">
                <a href="test.html" >link</a>
            </div>
        </div>
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It looks like there is an easy to miss typo in your CSS link element. The type attribute should be text/css, not test/css.

    The x and s are just so close to each other.

    <link rel="stylesheet" type="text/css" 
    href="stylesheet/jquery-ui-1.8.9.custom.css">

    While Chrome adapted, the other browsers are more strict with their syntax. Chrome follows the Robustness Principle.

    Finally, the order in which you load the CSS or JavaScript does not appear to matter. The link tag can come either before or after the script elements.

    • 0