treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

[Solved] Valid Code Getting Butchered by Firefox

  • supermankd
    Permalink to comment #
    I am baffled my code validates works fine in chrome and safari and somehow I get nothing but an email address in FF.


    http://kyam.ca/kyam06

    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
    \"http://www.w3.org/TR/html4/loose.dtd\">

    <html>
    <head>
        <meta name=\"generator\" content=\"HTML Tidy for Linux (vers 6 November 2007), see www.w3.org\">
        <meta http-equiv=\"Content-type\" content=\"text/html; charset=us-ascii\">

        <title>Kyam Contracting Inc. General Contractor operating in the Edmonton and surrounding area.</title>
        <meta http-equiv=\"Content-Language\" content=\"en-us\">
        <meta name=\"author\" content=\"Kyle Dohmann\"><!-- Begin Stylesheets -->
        <link rel=\"stylesheet\" href=\"stylesheets/coda-slider-2.0.css\" type=\"text/css\" media=\"screen\">
        <link rel=\"stylesheet\" href=\"stylesheets/colorbox.css\" type=\"text/css\" media=\"screen\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"source/shadowbox.css\"><!-- End Stylesheets -->
        <!-- Begin JavaScript -->

        <script type=\"text/javascript\" src=\"js/jquery-1.3.2.min.js\">
    </script>
        <script type=\"text/javascript\" src=\"js/jquery.easing.1.3.js\">
    </script>
        <script type=\"text/javascript\" src=\"js/jquery.coda-slider-2.0.js\">
    </script>
        <script type=\"text/javascript\">
    //<![CDATA[
                $().ready(function() {
                    $('#coda-slider-1').codaSlider();
                });
        //]]>
        </script><!-- Shadow box Javascript -->

        <script type=\"text/javascript\" src=\"source/shadowbox.js\">
    </script>
        <script type=\"text/javascript\">
    //<![CDATA[

        Shadowbox.init({
        language: 'en',
        players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
        });
        //]]>
        </script><!-- End JavaScript -->

        <style type=\"text/css\">
    	div.c4 {padding-bottom: 1em;}
        ul.c3 {font-size:16px; letter-spacing:3px; font-weight:100; text-align:center; line-height:35px; line-spacing:20px; list-style-type: none}
        div.c2 {height:40px}
        div.c1 {height:20px}
        </style>
    </head>

    <body class=\"coda-slider-no-js\">
        <!-- no java warning -->
        <noscript>
        <div>
            <p>Unfortunately your browser does not have JavaScript capabilities which are required to exploit full functionality of our site. This could be the result of two possible scenarios:</p>

            <ol>
                <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href=\"http://www.getfirefox.com\">Firefox</a>.</li>

                <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href=\"http://www.google.com/support/bin/answer.py?answer=23852\">Learn how to enable JavaScript</a>.</li>
            </ol>
        </div></noscript><!--no java warning -->

        <div class=\"c1\"></div>

        <div id=\"header\">
            <img alt=\"header\" src=\"./images/header_o.png\">
        </div>

        <div class=\"coda-slider-wrapper\">
            <!-- Navigation -->

            <div id=\"coda-nav-1\" class=\"coda-nav\">
                <ul>
                    <li class=\"tab1\"><a href=\"#1\">Home</a></li>

                    <li class=\"tab2\"><a href=\"#2\">What We Do</a></li>

                    <li class=\"tab3\"><a href=\"#3\">Contact us</a></li>
                </ul>
            </div>

            <div class=\"coda-slider preload panel\" title=\"Home\" id=\"coda-slider-1\">
                <div class=\"panel panel-wrapper\">
                    <div class=\"left\">
                        <img alt=\"home\" src=\"./images/home.jpg\"><img alt=\"solution puzzle\" src=\"./images/solution.jpg\" width=\"375px\" height=\"200px\">
                    </div>

                    <div class=\"right\">
                        <!-- Welcome -->

                        <h1 class=\"title\">What we are all about</h1>

                        <p>Kyam Contracting is a General Contractor operating in Edmonton and surrounding area. Our focus is on helping our customers achieve their goals in an effective stress free manor. By building great relationships with our sub-trades, suppliers and employees, we have developed a skilled team of professionals capable of achieving great results in a broad range of construction services.</p>

                        <p>Although our company is young, our methodology is timeless. Click any of the links below to learn about some of the things we do to create solutions and achieve great results.</p>

                        <ul>
                            <li><a href=\"research.html\" rel=\"shadowbox[methodology];width=850px;height=400px\">Research</a></li>

                            <li><a href=\"relationships.html\" rel=\"shadowbox[methodology];width=850px;height=400px\">Relationships</a></li>

                            <li><a href=\"standards.html\" rel=\"shadowbox[methodology];width=850px;height=400px\">Standards</a></li>

                            <li><a href=\"morale.html\" rel=\"shadowbox[methodology];width=850px;height=400px\">Morale</a></li>

                            <li><a href=\"technology.html\" rel=\"shadowbox[methodology];width=850px;height=400px\">Technology</a></li>
                        </ul>

                        <h3>Let us show you why we truly are the simple solution contractor!</h3>
                    </div>

                    <div class=\"panel panel-wrapper\">
                        <!-- What we do -->

                        <div class=\"left\">
                            <h1 class=\"title\">What we can do for you</h1>

                            <div class=\"c2\"></div>

                            <ul class=\"c3\">
                                <li><a href=\"renovations.html\" rel=\"shadowbox[wwd];width=850px;height=400px\">Renovations</a></li>

                                <li><a href=\"flooring.html\" rel=\"shadowbox[wwd];width=850px;height=400px\">Flooring</a></li>

                                <li><a href=\"kitchens.html\" rel=\"shadowbox[wwd];width=850px;height=400px\">Custom Kitchens</a></li>

                                <li><a href=\"countertops.html\" rel=\"shadowbox[wwd];width=850px;height=400px\">Countertops</a></li>

                                <li><a href=\"carpentry.html\" rel=\"shadowbox[wwd];width=850px;height=400px\">Finishing Carpentry</a></li>
                            </ul>
                        </div>

                        <div class=\"right\">

    					<!-- Put slideshow here -->

                        </div>
                    </div>

                    <div class=\"panel panel-wrapper\">
                        <!-- Contact us -->

                        <h1 class=\"title\">Get in touch with us</h1>

                        <div class=\"right\">
                            <p>Phone:780.965.7121</p>

                            <p><script type=\"text/javascript\">
    //<![CDATA[            
                                    eval(unescape('%76%61%72%20%73%3D%27%61%6D%6C%69%6F%74%67%3A%6E%65%72%65%6C%61%6B%40%61%79%2E%6D%61%63%27%3B%76%61%72%20%72%3D%27%27%3B%66%6F%72%28%76%61%72%20%69%3D%30%3B%69%3C%73%2E%6C%65%6E%67%74%68%3B%69%2B%2B%2C%69%2B%2B%29%7B%72%3D%72%2B%73%2E%73%75%62%73%74%72%69%6E%67%28%69%2B%31%2C%69%2B%32%29%2B%73%2E%73%75%62%73%74%72%69%6E%67%28%69%2C%69%2B%31%29%7D%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%27%3C%61%20%68%72%65%66%3D%22%27%2B%72%2B%27%22%3E%67%65%6E%65%72%61%6C%40%6B%79%61%6D%2E%63%61%3C%2F%61%3E%27%29%3B'))
                                    //]]>
                            </script></p>

                            <p>Click <a href=\"vcard.html\">vCard</a> to add contact card to your mobile phone or address book software. Although vCard is a standard only some devices and software support it.</p><img alt=\"contact\" width=\"400px\" height=\"400px\" src=\"./images/contact.jpg\">
                        </div>

                        <div class=\"left\">
                            <form method=\"post\" id=\"captcha_form\" name=\"captcha_form\" action=\"mailform.php\">
                                <div class=\"c4\">
                                    E-mail Address:<br>
                                    <input type=\"text\" name=\"email\" id=\"email\" value=\"\">
                                </div>

                                <div class=\"c4\">
                                    Subject:<br>
                                    <input type=\"text\" name=\"subject\" id=\"subject\">
                                </div>

                                <div class=\"c4\">
                                    Enter the text contained in the image into the text box:<br>
                                    <img src=\"captcha.php\" alt=\"** PLEASE DESCRIBE THIS IMAGE **\"><br>
                                    <input type=\"text\" name=\"userpass\" value=\"\">
                                </div>

                                <div class=\"c4\">
                                    Message:<br>
                                    <textarea name=\"message\" id=\"message\" rows=\"15\" cols=\"60\">
    </textarea>
                                </div>

                                <div class=\"c4\">
                                    <input name=\"submit\" type=\"submit\" value=\"Submit\">
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- .coda-slider -->
                <!-- .coda-slider-wrapper -->
            </div>
        </div>
    </body>
    </html>
  • TheDoc
    Permalink to comment #
    Very odd! It fully loaded, and then reverted to this random email address that isn't even in the HTML. Must be one of your scripts.

    Do a find through all of your files for "general@kyam.ca". That will show you your problem file.
  • supermankd
    Permalink to comment #
    I had it encrypted using the emcoda plug in for coda... Deleting it fixed the problem.

    <p><script type=\"text/javascript\">
    //<![CDATA[            
                                    eval(unescape('%76%61%72%20%73%3D%27%61%6D%6C%69%6F%74%67%3A%6E%65%72%65%6C%61%6B%40%61%79%2E%6D%61%63%27%3B%76%61%72%20%72%3D%27%27%3B%66%6F%72%28%76%61%72%20%69%3D%30%3B%69%3C%73%2E%6C%65%6E%67%74%68%3B%69%2B%2B%2C%69%2B%2B%29%7B%72%3D%72%2B%73%2E%73%75%62%73%74%72%69%6E%67%28%69%2B%31%2C%69%2B%32%29%2B%73%2E%73%75%62%73%74%72%69%6E%67%28%69%2C%69%2B%31%29%7D%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%27%3C%61%20%68%72%65%66%3D%22%27%2B%72%2B%27%22%3E%67%65%6E%65%72%61%6C%40%6B%79%61%6D%2E%63%61%3C%2F%61%3E%27%29%3B'))
                                    //]]>
                            </script></p>


    Thanks Doc
Add a Comment