 Alignment error with HTML forms |
  |
| 1q2w3e4r |
 May 31 2012, 08:00 PM
Post
#1
|
|
Group: Members Posts: 5 Joined: 30-May 12 Member No.: 17,200  |
I have some HTML forms linked with a PHP script so that users can leave comments or suggestions about this website. The problem, however, is that my HTML forms do not align correctly with the text like I would like. In IE everything works fine, but in Chrome and FF the HTML boxes are over to the left and not in the same content box as the text, even though I tell <p> to end after the HTML forms. Would anyone know how to make the boxes appear in the same text area, or in a little area below? Any help is much appreciated, this is the final thing that I need to get done for this website.
Here is my HTML: CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>contact.html</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Title/h1> <h2> description</h2> <br /> <hr /> </div> <!-- end header --> <div class="spacer"></div> <div id="left"> <div id="leftcontent"> <ul> <li> <a href="./index.html">home</a> <p>home page</p> <a href="./about.html">about me</a> <p>about</p> <a href="./blog.html">blog</a> <p>discussions</p> <a href="./things.html">things i've done</a> <p>things</p> <a href="./contact.html"><strong>contact me</strong></a> <p>email or other</p> <a href="./etc.html">/etc</a> <p> anything else</p> </li> </ul> <p> </p> <!-- <h3>News</h3> <p class="news">1/14 | Idea conceived<br />1/17 | Semester starts<br />1/19 | Design completed</p> --> </div> <!-- end left content --> </div> <!-- end left division --> <div id="main"> <div id="maincontent"> <h3 class="top_main_heading">contact</h3> <p> Contact information, etc. <br /> <br /> Contact information, etc. <!-- fix this --> <form name="input" action="./other/submit.php" method="post"> <input type="text" maxlength="30" value="name" onFocus="if(this.value==this.defaultValue)this.value=''" name="name"> <br /> <input type="text" maxlength="30" value="email" onFocus="if(this.value==this.defaultValue)this.value=''" name="email"> <br /> <textarea name="message" maxlength="1000" cols="40" rows="5" onFocus="if(this.value==this.defaultValue)this.value=''">write your message here</textarea> <br /> <input type="submit" value="Submit"> </form> </div> <!-- end main content section --> </div> <div id="footer"><div class="spacer"></div> <hr /> <p class="right">design by Adam Patricka</p> <p> </p> </div> <!-- end footer --> </div> <!-- end container --> </body> </html> And here is my CSS, so I don't clog up the website =p http://pastebin.com/BkZPnP6A |
  |
 
|
| 1q2w3e4r |
May 31 2012, 09:22 PM
Post
#2
|
|
Group: Members Posts: 5 Joined: 30-May 12 Member No.: 17,200 |
I could not find the "edit" button, so I am sorry if double-posting isn't allowed. If it makes it easier to find a solution, I'm using Adobe Dreamweaver, but I've yet to find out how to fix this problem.
|
|
|
|
| Darin McGrew |
Jun 1 2012, 10:01 AM
Post
#3
|
|
WDG Member  Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Can you provide the URL (address) of a document that demonstrates the problem?
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 18th April 2024 - 07:33 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC