Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    DHTML Not Showing In Firefox

    I'm a bit of a noob with this stuff, slowly learning but have gone through my code and can't figue out why it wont show up in firefox but will in IE.


    My Code:

    <!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>Punk Jobs</title>

    <link rel="stylesheet" type="text/css" href="css-frames-style.css" />
    <!--For versions below Internet Explorer 7-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" href="css-frames-style-unreal.css" type="text/css">
    <![endif]-->


    <link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="ddsmoothmenu.js">

    </script>

    <script type="text/javascript">

    ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal = "h"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })


    </script>

    <link rel="roundbox" type="text/css" href="roundbox.css" />

    <style type="text/css">
    /*---------------------------------------------BANNER------------------------------------------*/
    body {
    margin: 0;
    padding: 0;}
    .banner {width: 100%; border:1px solid #e31f3c;}

    ul
    {list-style-type:none; margin:0; padding:0;}
    li {display:inline;}


    /*---------------------------------------------BANNER------------------------------------------*/

    </style>
    <link href="roundbox.css" rel="stylesheet" type="text/css" />
    </head>

    <body>

    <div id="content-wrapper">
    <div id="content">
    <div class="roundbox">
    <div class="top"><div></div></div>
    <div class="content">
    <center>
    <p>Start Here!</p>
    </center>
    </div><!-- /content -->
    <div class="bot"><div></div></div>
    </div>
    </div>
    </div>
    <div id="header-wrapper">
    <div id="header">
    <img class="banner" src="images/header.png" alt="" />

    <div id="smoothmenu1" class="ddsmoothmenu">
    <ul>
    <li><a href="http://www.punkjobs.com.au/">Punk</a></li>
    <li><a href="#">Get Experience</a>
    <ul>
    <li><a href="#">Why?</a></li>
    <li><a href="#">Application Form</a></li>
    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    <li><a href="#">Sub Item 1.2</a></li>
    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    </ul>
    </li>
    <li><a href="#">Get A Job</a>
    <ul>
    <li><a href="#">Pre-Requisties</a></li>
    <li><a href="#">Application Form</a></li>
    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    <li><a href="#">Sub Item 1.2</a></li>
    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    </ul>
    </li>
    <li><a href="http://www.punkjobs.com/forum">Forum</a></li>
    <li><a href="http://www.punkjobs.com.au/team">Team</a></li>
    <li><a href="#">Contact</a>
    <ul>
    <li><a href="#">Sub Item 2.1</a></li>
    <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
    <ul>
    <li><a href="#">Sub Item 3.1.1.1</a></li>
    <li><a href="#">Sub Item 3.1.1.2</a></li>
    <li><a href="#">Sub Item 3.1.1.3</a></li>
    <li><a href="#">Sub Item 3.1.1.4</a></li>
    <li><a href="#">Sub Item 3.1.1.5</a></li>
    </ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    <br style="clear: left" />
    </div>
    </div>
    <div id="footer-wrapper">
    <div id="footer">
    <p>Links | Links | Links | Links</p>

    </div>
    </div>




    <!---------------------------------------------DROP MENU------------------------------------------>


    </div>
    <!---------------------------------------------DROP MENU------------------------------------------>


    <!---------------------------------------------ROUNDBOX------------------------------------------>




    </body>
    </html>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •