Jump to content


Photo

Images not aligning correct in IE


  • Please log in to reply
5 replies to this topic

#1 cameeob2003

cameeob2003
  • Members
  • PipPipPip
  • Advanced Member
  • 79 posts

Posted 15 August 2006 - 01:59 AM

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:

<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>

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

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 15 August 2006 - 02:37 AM

What's it supposed to look like? Post a live URL.
Legend has it that reading the manual never killed anyone.
My site

#3 cameeob2003

cameeob2003
  • Members
  • PipPipPip
  • Advanced Member
  • 79 posts

Posted 15 August 2006 - 03:10 AM

www.wimplash.com/projects/project1/

There is a live post of the site

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

-- Any help is great

#4 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 15 August 2006 - 02:20 PM

This is what it looks like to me:
Posted Image

#5 cameeob2003

cameeob2003
  • Members
  • PipPipPip
  • Advanced Member
  • 79 posts

Posted 15 August 2006 - 04:08 PM

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.

#6 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 16 August 2006 - 02:26 PM

The only thing I can think of is to put
margin: 0px; padding: 0px;
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




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users