Back To Website Design Forum

form inconsistency

  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Joined: Mar 17, 2008
  • Posts: 98
  • Status: Offline

Post April 24th, 2008, 1:38 pm

i been stuck on this for a while and i just cant figure out a way to align the the input on the same angel since one of them is farther apart from the other but this only seems to happen in Opera and not in IE firefox or safari
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 24th, 2008, 1:38 pm

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13458
  • Loc: Florida
  • Status: Offline

Post April 24th, 2008, 3:59 pm

Can you post a screenshot ? :scratchhead:
Strong with this one, the sudo is.
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Joined: Mar 17, 2008
  • Posts: 98
  • Status: Offline

Post April 24th, 2008, 4:18 pm

here you go http://s120.photobucket.com/albums/o197 ... inpage.jpg
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13458
  • Loc: Florida
  • Status: Offline

Post April 24th, 2008, 4:35 pm

Code: [ Select ]
#container label
{
   display: block;
}
#container label.txt
{
   text-align: right;
}
#container label input
{
   vertical-align: middle;
}
  1. #container label
  2. {
  3.    display: block;
  4. }
  5. #container label.txt
  6. {
  7.    text-align: right;
  8. }
  9. #container label input
  10. {
  11.    vertical-align: middle;
  12. }


Code: [ Select ]
<fieldset id="container">
<!-- Other stuff -->
   <label class="txt">User Hell Id&nbsp;<input type="text" .../></label>
   <label class="txt">Password&nbsp;<input type="text" .../></label>
   <label><input type="checkbox" .../>&nbsp;Remember Name</label>
   <label><input type="checkbox" .../>&nbsp;Remember Password</label>
   <label><input type="checkbox" .../>&nbsp;Auto Login</label>
<!-- Other stuff -->
</fieldset>
  1. <fieldset id="container">
  2. <!-- Other stuff -->
  3.    <label class="txt">User Hell Id&nbsp;<input type="text" .../></label>
  4.    <label class="txt">Password&nbsp;<input type="text" .../></label>
  5.    <label><input type="checkbox" .../>&nbsp;Remember Name</label>
  6.    <label><input type="checkbox" .../>&nbsp;Remember Password</label>
  7.    <label><input type="checkbox" .../>&nbsp;Auto Login</label>
  8. <!-- Other stuff -->
  9. </fieldset>
Strong with this one, the sudo is.

Page 1 of 1

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 123 guests
  • 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 post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.