| | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | When I have <input>s inside <td>s along with images, they don't line up. The form <input>s are lower than they "should" be but the images seem to be fine.
Does anyone know how to fix this problem besides avoiding the situation? | | | |
▼ Sponsored Links ▼
▲ Sponsored Links ▲
| | | | Joined: Feb 2002 Posts: 7,203 Likes: 11 Community Owner | | Community Owner Joined: Feb 2002 Posts: 7,203 Likes: 11 | put a table within a table! lol | | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | Are you suggesting I use a table around the form or around the images? Because, the inputs and images alternate. Here is an example of the bullshit: ![[Linked Image]](http://www.refreshart.net/hold/inputsalign.gif) | | | | | Joined: Mar 2002 Posts: 1,273 DollarDNS Owner | | DollarDNS Owner Joined: Mar 2002 Posts: 1,273 | he's suggesting putting a table around the images and input boxes.
<TD>userimage</TD><TD>userinput</TD><TD>passimage</TD><TD>passinput</TD>
I'm not sure if that's how I'd do things though. Improving on what you've already got would do better, but it's not like you're posting any HTML for me to look at and suggest changes to. | | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | 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> | | | | | Joined: Mar 2002 Posts: 1,273 DollarDNS Owner | | DollarDNS Owner Joined: Mar 2002 Posts: 1,273 | I need more than that. I need enough that I can save a local page here on my computer to experiment with. | | | | | Joined: Jun 2002 Posts: 62 Junior Member | | Junior Member Joined: Jun 2002 Posts: 62 | 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."
| | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | 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. | | | | | Joined: Mar 2002 Posts: 815 nobody | | nobody Joined: Mar 2002 Posts: 815 | You could try absolute positioning with CSS. | | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | 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 [censored] 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. | | | | | Joined: Mar 2002 Posts: 815 nobody | | nobody Joined: Mar 2002 Posts: 815 | 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. | | | | | Joined: Mar 2002 Posts: 1,273 DollarDNS Owner | | DollarDNS Owner Joined: Mar 2002 Posts: 1,273 | [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) | | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | 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. | | | | | Joined: Mar 2002 Posts: 122 Member | | Member Joined: Mar 2002 Posts: 122 | umm yeah i got it to work for ya, just msg me next time your on aim | | | | | Joined: Mar 2002 Posts: 574 Likes: 1 UGN GFX Whore | | UGN GFX Whore Joined: Mar 2002 Posts: 574 Likes: 1 | I got your mom to work for me. k. | | | | | Joined: Jul 2003 Posts: 14 Junior Member | | Junior Member Joined: Jul 2003 Posts: 14 | Cold Sunn, Well i took a look at it and i changed your code around a little. Cleaned it up and stuff and try this out. <form>
<table cellpadding=0 cellspacing=0>
<tr><td height=20><img src=img/bg.gif height=20 width=1></td></tr>
<tr>
<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>
<td height=33 valign=middle background=img/bg.gif><img src=img/end.gif></td>
</tr>
</table>
</form>  | | | | | Joined: Aug 2003 Posts: 9 Aptenodytes Forsteri | | Aptenodytes Forsteri Joined: Aug 2003 Posts: 9 | | | |
| Forums41 Topics33,840 Posts68,858 Members2,176 | | Most Online3,253
Jan 13th, 2020 | | |
|
