HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Code displaces objects
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML
View previous topic :: View next topic  
Author Message
wjordan1987



Joined: 27 Sep 2008
Posts: 2

PostPosted: Sat Sep 27, 2008 8:32 am     Code displaces objects Reply with quote

Can someone take a look at my code. I have a few problems such as, in browser view some objects are out of place etc. It's a little messy. Had a some problems trying to clean it up.
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="ourContacts.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="javascripts/validateEmail.js"></script
</head>


<body>
<div id="container">

  <div id="header">
     <div id="topTitle"><img src="images/topic.jpg"></div>
    <div id="topIcon01"><img src="images/navig_1.gif"></div>
    <div id="topIcon02"><img src="images/navig_2.gif"></div>
    <div id="topIcon03"><img src="images/navig_3.gif"></div>
    <div id="partyInfo"><a href="http://www.google.com"><img src="images/b_1.jpg" border="0"></a></div>
    <div id="ourPlatform"><img src="images/b_2.jpg"></div>
    <div id="newsEvents"><img src="images/b_3.jpg"></div>
    <div id="getInvolved"><img src="images/b_4.jpg"></div>
    <div id="ourContacts"><img src="images/b_5.jpg"></div>
  </div>

  <div id="bottomBG">
    <div id="line_vert"></div>
    <div id="partyPrinciples"></div>
    <div id="politicalPlatform"></div>
    <div class="style1 style2" id="leftText">Et dolore magna aliqua ut enim sit minim veniam. Id est laborum. Sed ut perspiciatis unde omnis iste natus error sit. Voluptatem. Sed ut perspiciatis unde omnis iste natus error sit. Voluptatem.
    </div>
   <div class="style1 style2" id="rightText">Tempor invidunt ut labore et dolore     magna aliquyam erat, sed diam sit met, consetetur sadip.</div>
    <div class="style1 style2" id="rightText2">Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam sit met, consetetur sadip.</div>
    <div id="line_hor"><img src="images/line_2.gif"></div>
    <div id="partyStructure"><img src="images/t_6_3.jpg"></div>
    <div id="form">
      <form action="submitpage.htm"
onsubmit="return validate_form(this)"
method="post">
     <form id="form1" name="form1" method="post" action="">
  <t>
  <table>
    <tr>
      <td align="right" valign="top"><label for="CustomerName">Name:</label></td>
      <td><label for="CustomerName"></label>
      <input name="CustomerName" type="text" id="CustomerName" value="Type your name here." size="25" maxlength="50" /></td>
    </tr>
    <tr>
      <td align="right" valign="top"><label for="EmailAddress">Email Address:</label></td>
      <td><input name="EmailAddress" type="text" id="EmailAddress" size="25" maxlength="50" /></td>
    </tr>
    <tr>
      <td align="right" valign="top"><label for="Comments">Comments:</label></td>
      <td><textarea name="Comments" id="Comments" cols="30" rows="4"></textarea></td>
    </tr>
    <tr>
      <td align="right" valign="top">&nbsp;</td>
      <td><input type="reset" name="reset" id="reset" value="Clear Form" />
       <input type="submit" name="button" id="button" value="Submit Form" /></td>
    </tr>
  </table>
      </form>
    </div>
  </div>
<div id="footer">
       <div id="bottomFlag"><img src="images/copy_flag.jpg"></div>
        <div class="style1" id="footerText">Copyright © 2007, Political Party, All Rights Reserved  |  Privacy Policy</div>
   </div>
</div>
</body>
</html>
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1274
Location: Biloxi, MS

PostPosted: Sat Sep 27, 2008 9:35 am     Reply with quote

Would be glad to look at code, but, without actually having the images you used in place, it will not reproduce your problem. About all I could do is correct code errors which you could do yourself by using the W3C.org's validator.

Do you have a link to the online page?
wjordan1987



Joined: 27 Sep 2008
Posts: 2

PostPosted: Sat Sep 27, 2008 10:28 am     Reply with quote

I don't have it online so I do not know how else to show you, but I can tell you that my form is being displaced in browser view.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1274
Location: Biloxi, MS

PostPosted: Tue Oct 07, 2008 1:56 pm     Reply with quote

You are not explaining what you mean or what's wrong. It may not look right to you, but no one else will have any idea of what your page is SUPPOSE to look like without a better description of the problem.

You are not allowed to nest form tags. That has to be corrected.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial