www.webdeveloper.com
Results 1 to 7 of 7

Thread: in dire need of help with my code, please

  1. #1
    Join Date
    Aug 2012
    Posts
    3

    in dire need of help with my code, please

    Hello I am new to this forum, ive been on others but to no avail, i need help with editing/fixing my code, i am very new at coding and not too sure how to fix it.
    can someone help? it seems to be having cross browser problems, i ran it through validator, but finding it hard to fix it....mostly cause of my limited knowledge
    this is my code so far

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Stigmahomepagenew2</title>
    <!-- TemplateEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="../style.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    #apDiv1 {
    position:absolute;
    width:782px;
    height:115px;
    z-index:1;
    left: 141px;
    top: 933px;
    }
    #apDiv2 {
    position:absolute;
    width:220px;
    height:37px;
    z-index:1;
    font-size: 18px;
    font-weight: bold;
    color: #59245c;
    left: 227px;
    top: 309px;
    }
    #apDiv3 {
    position:absolute;
    width:200px;
    height:32px;
    z-index:1;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #59245c;
    font-weight: bold;
    left: 226px;
    top: 315px;
    }
    #apDiv {position:absolute;
    width:778px;
    height:110px;
    z-index:5;
    left: 166px;
    background-color: #FFFFFF;
    top: 914px;
    background-image: url(images/images/images/images/twitterfeed2.png);
    }
    </style>
    </head>
    <body>
    <table id="Table_01" width="1281" height="0" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="16">
    <img src="../images/Stigmahomepagenew2_01.png" width="1280" height="15" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
    <td colspan="6" rowspan="2">
    <img src="../images/Stigmahomepagenew2_02.png" width="133" height="65" alt=""></td>
    <td colspan="2">
    <a href="http://stigmaglobal.com/home/"><img src="../images/home.png" alt="" width="91" height="41" border="0" usemap="#Map"></a></td>
    <td>
    <a href="http://stigmaglobal.com/about-us/"><img src="../images/about-us.png" alt="" width="91" height="41" border="0" usemap="#Map2"></td>
    <td>
    <a href="http://stigmaglobal.com/1in4/"><img src="../images/1in4.png" alt="" width="65" height="41" border="0" usemap="#Map3"></td>
    <td>
    <a href="http://stigmaglobal.com/stigma-lounge/"><img src="../images/stigma-lounge.png" alt="" width="126" height="41" border="0" usemap="#Map4"></td>
    <td>
    <a href="http://stigmaglobal.com/contact-us/"><img src="../images/contact-us.png" alt="" width="108" height="41" border="0" usemap="#Map5"></td>
    <td colspan="2">
    <a href="http://stigmaglobal.com/sponsors-&-supporters/"><img src="../images/sponsors-&-supporters.png" alt="" width="184" height="41" border="0" usemap="#Map6"></td>
    <td>
    <a href="http://stigmaglobal.com/1in4-blog/"><img src="../images/1in4-blog.png" alt="" width="111" height="41" border="0" usemap="#Map7"></td>
    <td rowspan="12">
    <img src="../images/stigma-website_10.png" width="371" height="1009" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="41" alt=""></td>
    </tr>
    <tr>
    <td colspan="9">
    <img src="../images/Stigmahomepagenew2_11.png" width="776" height="24" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
    <td colspan="13">
    <img src="../images/Stigma-logo.banner.png" width="743" height="164" alt=""></td>
    <td colspan="2" rowspan="9"><!-- TemplateBeginEditable name="stuff" --><img src="../images/Stigmahomepagenew2_13.png" width="166" height="835" alt=""><!-- TemplateEndEditable --></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="164" alt=""></td>
    </tr>
    <tr>
    <td colspan="13">
    <img src="../images/Stigmahomepagenew2_14.png" width="743" height="77" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="77" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="3">
    <img src="../images/Stigmahomepagenew2_15.png" width="43" height="80" alt=""></td>
    <td rowspan="2"><!-- TemplateBeginEditable name="link fb" --><img src="../images/facebook-snicon.png" width="49" height="49" alt=""><a href="https://www.facebook.com/StigmaGlobal?ref=ts" title="stigma facebook" target="_blank">facebook</a><!-- TemplateEndEditable --></td>
    <td colspan="4">
    <img src="../images/Stigmahomepagenew2_17.png" width="78" height="9" alt=""></td>
    <td colspan="6" rowspan="7">
    <div id="content">
    <!-- TemplateBeginEditable name="page copy" --><img src="../images/Stigmahomepagenew2_18.png" width="573" height="594"><!-- TemplateEndEditable -->
    <div>
    <td>
    <img src="../images/spacer.gif" width="1" height="9" alt=""></td>
    </tr>
    <tr>
    <td colspan="4" rowspan="2">
    <img src="../images/Stigmahomepagenew2_18-20.png" width="78" height="71" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="40" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="../images/Stigmahomepagenew2_21.png" width="49" height="31" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="31" alt=""></td>
    </tr>
    <tr>
    <td rowspan="5">
    <img src="../images/Stigmahomepagenew2_22.png" width="34" height="623" alt=""></td>
    <td colspan="3"><!-- TemplateBeginEditable name="link utbe" --><a href="https://twitter.com/StigmaGlobal"><img src="../images/youtube-snicon.png" width="67" height="68" alt=""></a><a href="http://www.youtube.com/user/stigmagtv?feature=results_main" title="stigma youtube" target="_blank">youtube</a><!-- TemplateEndEditable --></td>
    <td colspan="3" rowspan="4">
    <img src="../images/Stigmahomepagenew2_24.png" width="69" height="514" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="68" alt=""></td>
    </tr>
    <tr>
    <td colspan="3">
    <img src="../images/Stigmahomepagenew2_26.png" width="67" height="36" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="36" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="../images/stigma-website_25.png" width="9" height="47" alt=""></td>
    <td><!-- TemplateBeginEditable name="link twtr" --><img src="../images/twitter-snicon.png" width="49" height="47" alt=""><a href="https://twitter.com/StigmaGlobal" title="stigma twitter" target="_blank">twitter</a><!-- TemplateEndEditable --></td>
    <td>
    <img src="../images/stigma-website_27.png" width="9" height="47" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="47" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" rowspan="2">
    <img src="../images/Stigmahomepagenew2_31.png" width="67" height="472" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="363" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="../images/stigma-website_29.png" width="30" height="109" alt=""></td>
    <td width="778" height="109" colspan="10"><!-- TemplateBeginEditable name="twitter feed" -->
    <div id="apDiv"></div>
    <!-- TemplateEndEditable --></td>
    <td>
    <img src="../images/spacer.gif" width="1" height="109" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="../images/spacer.gif" width="34" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="9" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="49" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="9" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="30" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="2" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="37" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="54" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="91" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="65" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="126" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="108" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="129" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="55" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="111" height="1" alt=""></td>
    <td>
    <img src="../images/spacer.gif" width="371" height="1" alt=""></td>
    <td></td>
    </tr>
    </table>

    <map name="Map">
    <area shape="rect" coords="2,1,97,44" href="../homepage.html">
    </map>

    <map name="Map2">
    <area shape="rect" coords="2,0,92,41" href="../about-us.html">
    </map>

    <map name="Map3">
    <area shape="rect" coords="2,-1,67,39" href="../1in4.html">
    </map>

    <map name="Map4">
    <area shape="rect" coords="1,0,133,39" href="../stigmalounge.html">
    </map>

    <map name="Map5">
    <area shape="rect" coords="3,0,107,39" href="../contact-us.html">
    </map>

    <map name="Map6">
    <area shape="rect" coords="1,0,187,38" href="../sponsors&supporters.html">
    </map>

    <map name="Map7">
    <area shape="rect" coords="1,1,113,39" href="../1in4 blog.html">
    </map>
    </body>
    </html>

  2. #2
    Join Date
    Jun 2012
    Location
    Dark Side of the Moon
    Posts
    70
    Wow, longest post ever, and you still failed to tell us what the problem is, beside the fact that you don't know why its not working. How about a little info on what is happening, like it's not working in IE, and maybe even WHAT isn't working.
    I love how people get an attitude when THEY asked for help.

  3. #3
    Join Date
    Aug 2012
    Posts
    3
    thought i put that up
    the site works on firefox well, but on chrome (and most browsers) it is not centered
    on IE it is really messed up
    im pretty sure its not working either cause of the errors or cause of the doctype

    sorry for the long post

  4. #4
    Join Date
    Mar 2011
    Posts
    1,133
    Unfortunately, the problem likely comes from the external stylesheet, which you didn't post. It's usually best if you could post a link to the live page so people can see it online with all of the resources involved. Put it up as a test page somewhere on the site and link to it with a URL shortener if you're worried about publicizing it.

    Some punctuation in your messages would help us decipher what you're trying to ask, as well.
    Rick Trethewey
    Rainbo Design

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Easier if you would validate and correct your own code for HTML/CSS first:

    Validating:

    Why Validate?: http://validator.w3.org/docs/why.html
    CSS Validator: http://jigsaw.w3.org/css-validator/
    HTML Validator: http://validator.w3.org/#validate_by_uri+with_options

    Table layouts went out in the late 1990s. If you just have to use tables, be sure you know how to use the table tags and use CSS with them.

    Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
    Why tables for layout is stupid: http://www.hotdesign.com/seybold/
    How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/ho...tml-tables-css
    Basic Tables [Bad Examples!]: http://www.yourhtmlsource.com/tables/basictables.html
    Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps

  6. #6
    Join Date
    Aug 2012
    Posts
    3
    right....sorry bout that.
    http://www.stigmaglobal.com/

  7. #7
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Incorrect document tags for starters. IE goes into Quirks Mode and will show a bad site in most cases. Centering the pages is not going to work well for you with the excessive absolute positioning rules.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    Document Types

    29+ HTML errors
    Last edited by Major Payne; 08-05-2012 at 06:02 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles