Jump to content

Archived

This topic is now archived and is closed to further replies.

cameeob2003

Images not aligning correct in IE

Recommended Posts

Here is the code im using as you can see I went overboard in order to try and get rid of the spaces in between the <inputs> and the images:

[code]<form method="post" name="subscribe" action="subscribe">
<tr style="border:none; border-bottom:none; border-left:none; border-right:none; border-top:none;">
<td colspan="2">
<img src="images/Serrials-Dad_26.gif" alt="" width="45" height="17" hspace="0" vspace="0" border="0"></td>
<td colspan="5">
<input type="text" align="top" style="background-image: images/Serrials-Dad_27.gif; width:139px; height:17; border:none; border-bottom:none; border-left:none; border-right:none; border-top:none;" alt="" border="0">
</td>
<td colspan="2">
<img src="images/Serrials-Dad_28.gif" alt="" width="10" height="17" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Serrials-Dad_29.gif" width="194" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Serrials-Dad_30.gif" alt="" width="50" height="16" hspace="0" vspace="0" border="0"></td>
<td>
<input type="button" align="top" style="background:url(images/Serrials-Dad_31.gif); width:67px; height:16px; border:none; border-bottom:none; border-left:none; border-right:none; border-top:none;" border="0">
</td>
<td>
<img src="images/Serrials-Dad_32.gif" alt="" width="6" height="16" hspace="0" vspace="0" border="0"></td>
<td>
<input type="button" align="top" style="background:url(images/Serrials-Dad_33.gif); width:58px; height:16px; border:none; border-bottom:none; border-left:none; border-right:none; border-top:none;" border="0">
</td>
<td colspan="3">
<img src="images/Serrials-Dad_34.gif" alt="" width="13" height="16" hspace="0" vspace="0" border="0"></td>
</tr>
</form>[/code]

Any help would be great. I need it fast if possible. Thnx

Share this post


Link to post
Share on other sites
What's it supposed to look like? Post a live URL.

Share this post


Link to post
Share on other sites
[url=http://www.wimplash.com/projects/project1/]www.wimplash.com/projects/project1/[/url]

There is a live post of the site

As you can see the subscription box is not correctly aligned.

-- Any help is great

Share this post


Link to post
Share on other sites
This is what it looks like to me:
[URL=http://img53.imageshack.us/my.php?image=screenshot6bn0.png][IMG]http://img53.imageshack.us/img53/8561/screenshot6bn0.th.png[/img][/URL]

Share this post


Link to post
Share on other sites
Yeah thats in SwiftFox not in IE. Im trying to solve the IE problem I already know it displays correct in FireFox. But thanks. So if any one could help me out with this in IE that would be great.

Share this post


Link to post
Share on other sites
The only thing I can think of is to put [code]margin: 0px; padding: 0px;[/code] in all of your input styles. Also you dont have to have a border-bottom...ect when you have a border: 0. Hope that helps

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.