Solved

How can I get these fields to line up correctly?

Posted on 2013-06-25
2
232 Views
Last Modified: 2013-06-25
Head out to http://countryshowdown.com/. At the very top, you'll see two fields where a user can login. In Safari it looks fine, but in IE, the Password field is a little bit above the username field.

It's a small thing, but it's bugging me and I've tried several things to get them to line up to no avail.

What am I missing? What can I do to get these to line up correctly?

Here's my html:

<table cellspacing="1" cellpadding="1" border="0">
		<tr>
		<td align="left">&nbsp;<form action="contestants_validate.php" method="Post"><input type="text" name="email" class="login_box" value="username"></td>
		<td><input type="password" name="password" class="login_box" value="username"></td><td><input type="image" src="images/new_login_button.jpg" border="0" 
		name="submit"></td>
		</tr></table></form>

Open in new window


...and here's my stylesheet as far as the "login_box:"

input.login_box{
   border:0px;
  width:109px;
  height:21px;
  font-size: 10px;
  color: #cccccc;
  display: inline;
}

Open in new window

0
Comment
Question by:brucegust
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39276517
Fix your HTML.
You cannot open a form in a td then close it after the table closing tag - move the opening form before the opening table tag.
0
 

Author Comment

by:brucegust
ID: 39276692
That did it, Gary!

Thanks!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Suggested Courses

632 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question