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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Div tags out of place,text not displaying in certain browsers,help with css validate

    Hello guys, I'm new to this forum and also new to CSS and today i really just want to get some help from you experts.

    First problem, there are gaps between the green and the grey section but it only happens if it preview it.



    Second problem, I will ty and explain this. Well, if i type over the size of the orginal box then all the text that's in that area cannot be displayed in FF, though with I.E it can. But then again there is that massic horrible gap



    Third probelm, well it uses the same images, so I won't post again, the size of the text i see in Dreamweaver is different to the size in the browser.

    Fouth probelm, it really kinds of goes back to my seocnd questions but it's in greater deatail i think. So when I type or goes out of size of the square that I've set it's automatically adjust the box size, but it ruins the others, and when i downloaded some CSS template it doesn't. Also one thing is that It doesn't really display anything in FF that's outside the size of the box that's in my dreamweaver.


    Finally, i used http://validator.w3.org to check all my .css and my index files, and they are all fine part from the index and it came up with 2 warnings and 6 errors, but i have no idea how to fix them.

    Warnings.
    1.

    Warning Unable to Determine Parse Mode!

    The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:
    * the MIME Media Type (text/html) can be used for XML or SGML document types
    * No known Document Type could be detected
    * No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.
    * No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document.

    As a default, the validator is falling back to SGML mode.
    2.

    Warning No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type.

    No DOCTYPE Declaration could be found or recognized in this document. This generally means that the document is not declaring its Document Type at the top. It can also mean that the DOCTYPE declaration contains a spelling error, or that it is not using the correct syntax.

    The document was checked using a default "fallback" Document Type Definition that closely resembles “HTML 4.01 Transitional”.

    Learn how to add a doctype to your document from our FAQ.

    Errors. Can someone tell me how to fix them please? Because all they say is check your spellings. I will highlite the bits they highlighted

    1. Line 1, Column 1: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"<html>

    2.Line 19, Column 18: there is no attribute "LEFTMARGIN"

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    3. Line 19, Column 32: there is no attribute "TOPMARGIN"

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    4.Line 19, Column 48: there is no attribute "MARGINWIDTH"

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    5. Line 19, Column 65: there is no attribute "MARGINHEIGHT"

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

    6.Line 22, Column 29: there is no attribute "HEIGHT"

    <table width="901" height="1201" border="0" align="center" cellpadding="0" ce…


    Code:
    <html>
    <head>
    <title>PCCF</title>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
    <link href="site_layout.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    body {
    	background-color: #68FFF6;
    }
    </style>
    <link href="site_layout_content.css" rel="stylesheet" type="text/css">
    <link href="site_layout_contentB.css" rel="stylesheet" type="text/css">
    <link href="site_layout_contentB_header.css" rel="stylesheet" type="text/css">
    <link href="site_layout_content_header.css" rel="stylesheet" type="text/css">
    <link href="site_layout_content_verses_header.css" rel="stylesheet" type="text/css">
    <link href="site_layout_content_verses_content.css" rel="stylesheet" type="text/css">
    <link href="file:///C|/Users/Rex/Desktop/zionnarrow/site_layout_banner.css" rel="stylesheet" type="text/css">
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Church Websitte (best).psd) -->
    <div id="site_layout">
      <table width="901" height="1201" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <tr>
          <td colspan="5" rowspan="2">
            <img src="images/Church-Websitte-(best)_01.gif" width="308" height="184" alt=""></td>
          <td colspan="3">
            <img src="images/Church-Websitte-(best)_02.gif" width="592" height="114" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="114" alt=""></td>
        </tr>
        <tr>
          <td colspan="3">
            <img src="images/Church-Websitte-(best)_03.gif" width="592" height="70" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="70" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="2">
            <img src="images/Church-Websitte-(best)_04.gif" width="27" height="82" alt=""></td>
          <td colspan="4">
            <img src="images/Church-Websitte-(best)_05.gif" width="845" height="73" alt=""></td>
          <td colspan="2" rowspan="2">
            <img src="images/Church-Websitte-(best)_06.gif" width="28" height="82" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="73" alt=""></td>
        </tr>
        <tr>
          <td colspan="4">
            <img src="images/Church-Websitte-(best)_07.gif" width="845" height="9" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="9" alt=""></td>
        </tr>
        <tr>
          <td rowspan="5">
            <img src="images/Church-Websitte-(best)_08.gif" width="10" height="618" alt=""></td>
          <td colspan="6"><div id="site_layout_banner"></div></td>
          <td rowspan="2">
            <img src="images/Church-Websitte-(best)_10.gif" width="9" height="287" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="260" alt=""></td>
        </tr>
        <tr>
          <td colspan="6">
            <img src="images/Church-Websitte-(best)_11.gif" width="881" height="27" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="27" alt=""></td>
        </tr>
        <tr>
          <td colspan="2"><div id="site_layout_verses_header">Verses  (editable)</div></td>
          <td rowspan="3">
            <img src="images/Church-Websitte-(best)_13.gif" width="26" height="331" alt=""></td>
          <td colspan="2"><div id="site_layout_content_header">Welcome ! (editable)</div></td>
          <td colspan="2" rowspan="7">
            <img src="images/Church-Websitte-(best)_15.gif" width="28" height="647" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="36" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="2"><div id="site_layout_verses_content">
            <p>&nbsp;</p>
            <p><br>
            </p>
          </div></td>
          <td colspan="2"><div id="site_layout_content">
            <p>WELCOME !!!!!!! (editable)</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </div></td>
          <td>
            <img src="images/spacer.gif" width="1" height="216" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="2">
            <img src="images/Church-Websitte-(best)_18.gif" width="635" height="81" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="79" alt=""></td>
        </tr>
        <tr>
          <td colspan="4" rowspan="4">
            <img src="images/Church-Websitte-(best)_19.gif" width="237" height="316" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
        </tr>
        <tr>
          <td colspan="2"><div id="site_layout_contentB_header">News and Events (editable)</div></td>
          <td>
            <img src="images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
        <tr>
          <td colspan="2"><div id="site_layout_contentB">News and events goes here. (editable)</div></td>
          <td>
            <img src="images/spacer.gif" width="1" height="228" alt=""></td>
        </tr>
        <tr>
          <td colspan="2">
            <img src="images/Church-Websitte-(best)_22.gif" width="635" height="46" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="1" height="46" alt=""></td>
        </tr>
        <tr>
          <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="184" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="26" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="71" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="564" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="19" height="1" alt=""></td>
          <td>
            <img src="images/spacer.gif" width="9" height="1" alt=""></td>
          <td></td>
        </tr>
      </table>
    </div>
    <!-- End Save for Web Slices -->
    </body>
    </html>

    P.S: I'm not Korean, I only set my locale to korean because I need to play a game.

    Finally i want to thank you all in advance.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Don't you know why using tables for layout is very bad? Also, you shouldn't use the design view of any WYSIWYG editors to make your html document, which will ruin your markup at the end.

    I'd recommend you to check http://bonrouge.com/2c-hf-fluid.php to see how to make a CSS based layout.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    How do i not use table? Because i don't think i inserted any tables, all i did was made a template in PS and then put it into DW and inserted div tag into editbable places.


  •  

    Posting Permissions

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