|
|
#19096 - 08/17/03 06:57 AM
Form Inputs and Images Misaligned
|
UGN GFX Whore
Registered: 03/03/02
Posts: 574
Loc: us
|
|
|
Top
|
|
|
|
Sponsored Links
Sponsor 
|
Sponsor Advertisements help keep UGN Security Online.
Support UGN Security by Purchasing our Sponsors Products.
|
| Top |
|
|
|
|
#19100 - 08/18/03 04:45 AM
Re: Form Inputs and Images Misaligned
|
UGN GFX Whore
Registered: 03/03/02
Posts: 574
Loc: us
|
lol SR, here: <table cellpadding=0 cellspacing=0>
<tr><td height=20><img src=img/bg.gif height=20 width=1></td></tr>
<tr><form><td height=33 valign=middle background=img/barbg.gif>
<img src=img/tconnect.gif>
<a href=#><img src=img/user.gif border=0></a>
<input type=text name="username" maxlength=50 size=14>
<a href=#><img src=img/pass.gif border=0></a>
<input type=password name="password" maxlength=50 size=14>
<img src=img/end.gif>
</td></form></tr>
</table> I'll try doing separate td's for each item in a second. I'm not sure but I think I might have already tried it. EDIT: Added With a TD around each item, and it looks better. But, the first input sets a little too low. Here is the new code: <table cellpadding=0 cellspacing=0>
<tr><td height=20><img src=img/bg.gif height=20 width=1></td></tr>
<tr><form><td height=33 valign=middle background=img/barbg.gif>
<img src=img/tconnect.gif>
<a href=#><img src=img/user.gif border=0></a></td>
<td height=33 valign=middle background=img/barbg.gif>
<input type=text name="username" maxlength=50 size=14></td>
<td height=33 valign=middle background=img/barbg.gif>
<a href=#><img src=img/pass.gif border=0></a></td>
<td height=33 valign=middle background=img/barbg.gif>
<input type=password name="password" maxlength=50 size=14></td></form>
<td height=33 valign=middle background=img/bg.gif>
<img src=img/end.gif>
</td></tr>
</table>
|
|
Top
|
|
|
|
|
#19104 - 08/19/03 11:58 PM
Re: Form Inputs and Images Misaligned
|
Junior Member
Registered: 06/11/02
Posts: 62
Loc: UK
|
i have found that this kind of thing depends on your browser and also your screen resolution.
_________________________
"Mrs. Jones, I'm sorry to inform you, but we've run the tests, and it appears that you have XP. Now don't cry - it's bad, but it's not a death sentence. Modern science has advanced in recent years, and it's now possible to live a reasonably happy life with XP. And there's a survivor's group that you'll want to meet as well."
|
|
Top
|
|
|
|
|
#19105 - 08/20/03 06:56 AM
Re: Form Inputs and Images Misaligned
|
UGN GFX Whore
Registered: 03/03/02
Posts: 574
Loc: us
|
When I look at that page, the bg image starts to repeat at the bottom, which I would guess means the table ius larger than it should be. This looks better than what I had, for whatever reason, but it still doesn't line up perfect. This is really pissing me off, I don't want to have to change the design. Thanks for the help so far though man.
|
|
Top
|
|
|
|
|
#19106 - 08/21/03 05:02 AM
Re: Form Inputs and Images Misaligned
|
nobody
Registered: 03/02/02
Posts: 815
Loc: Ann Arbor
|
You could try absolute positioning with CSS.
|
|
Top
|
|
|
|
|
#19107 - 08/21/03 06:00 AM
Re: Form Inputs and Images Misaligned
|
UGN GFX Whore
Registered: 03/03/02
Posts: 574
Loc: us
|
Good idea sinetific. I actually didn't really know much about absolute and relative positioning in CSS, until a few minutes ago. My first reaction was "What the shit is that?" I think I'll try relative positioning first. Absolute will work, but I am considering centering the layout instead of having it lean against the left side of the browser.
|
|
Top
|
|
|
|
|
#19108 - 08/21/03 07:59 PM
Re: Form Inputs and Images Misaligned
|
nobody
Registered: 03/02/02
Posts: 815
Loc: Ann Arbor
|
Yeah, once I learned it I started to use it for the layout of all my pages it's a lot easier since it doesn't really matter how you write your code you can just let the css tags take care of the positioning with a little guestimation on pixel values.
|
|
Top
|
|
|
|
|
#19109 - 08/22/03 10:34 PM
Re: Form Inputs and Images Misaligned
|
DollarDNS Owner
Registered: 03/04/02
Posts: 1273
Loc: OH, USA
|
[img] http://serialcoders.sytes.net/linked/example.bmp[/img] That's what the page looks like for me. It's lined up perfectly (at least, the user/pass stuff is)
|
|
Top
|
|
|
|
|
#19110 - 08/23/03 06:57 AM
Re: Form Inputs and Images Misaligned
|
UGN GFX Whore
Registered: 03/03/02
Posts: 574
Loc: us
|
Below the bottom purple line, the bg image starts to tile again. The table data should only be 20 px high but it is 2 or 3 px higher.
|
|
Top
|
|
|
|
|
Registered: 02/24/08
Posts: 12
|
|
6889 Members
44 Forums
11026 Topics
45805 Posts
Max Online: 677 @ 06/30/07 10:06 PM
|
|
|
0 registered (),
15
Guests and
8
Spiders online. |
|
Key:
Admin,
Global Mod,
Mod
|
|
|
Previous Topic
Index
