Html experts: Need some help with some tables - GoFuckYourself.com

Violetta · 02-10-2007, 08:06 PM

http://www.tinasnylons.com/

take a look at it in IE. It looks a bit fucked up. Works perfectly in Opera, but that doesnt matter much since 1000000000% of the surfers are using IE. Anyway, do you know what I have done wrong? Something is out of line lol

Help would be great... this is getting on my nerves

DjSap · 02-10-2007, 08:20 PM

http://validator.w3.org/check?uri=ht...snylons.com%2F

selena · 02-10-2007, 08:26 PM

I don't think it is anything html wise with your tables. I think something isn't fitting right in the design template. Did it look like that in IE before you loaded thumbs and banners into it?

Violetta · 02-10-2007, 08:32 PM

Quote:

Originally Posted by selena

I don't think it is anything html wise with your tables. I think something isn't fitting right in the design template. Did it look like that in IE before you loaded thumbs and banners into it?

i never checked in IE as far as I can remember

Though I must agree with you. It seems to be something with the thumbs or banners, but cant understand why. And why is it working so fine in Opera? (cause they dont follow any standards yes, but why why why)

Can anyone with FireFox please check it out?

selena · 02-10-2007, 08:36 PM

Quote:

Originally Posted by Rockatansky

i never checked in IE as far as I can remember

Though I must agree with you. It seems to be something with the thumbs or banners, but cant understand why. And why is it working so fine in Opera? (cause they dont follow any standards yes, but why why why)

Can anyone with FireFox please check it out?

I can't answer why, but I can tell you that I have a gallery template right now doing the *exact* same thing in ie. If I take out the thumbs, the template is fine. Put the thumbs in, and it breaks apart. And the thumbs I'm putting in are the size the template was designed for.

I checked your link in FF, it looks fine.

As does the template that busted my ass for an hour this afternoon before I stopped trying to figure it out.

Aric · 02-10-2007, 08:41 PM

99% of the time it is spaces in the HTML.. especially when it comes to an image in a table cell.

Example from your code:

Code:

<td>
			<img src="images/tod_15.jpg" width="120" height="20" alt=""></td>

would be better off as

Code:

<td><img src="images/tod_15.jpg" width="120" height="20" alt=""></td>

Sounds crazy, but it usually fixes those mysterious gaps

Violetta · 02-10-2007, 08:43 PM

Quote:

Originally Posted by selena

I can't answer why, but I can tell you that I have a gallery template right now doing the *exact* same thing in ie. If I take out the thumbs, the template is fine. Put the thumbs in, and it breaks apart. And the thumbs I'm putting in are the size the template was designed for.

I checked your link in FF, it looks fine.

As does the template that busted my ass for an hour this afternoon before I stopped trying to figure it out.

hehe... I know how you feel! Perhaps this works. I'm gonna give it a try:

Quote:

Originally Posted by Aric

99% of the time it is spaces in the HTML.. especially when it comes to an image in a table cell.

Example from your code:

Code:

<td>
			<img src="images/tod_15.jpg" width="120" height="20" alt=""></td>

would be better off as

Code:

<td><img src="images/tod_15.jpg" width="120" height="20" alt=""></td>

Sounds crazy, but it usually fixes those mysterious gaps

uno · 02-10-2007, 08:47 PM

did you try setting the border of the image to 0 as well as cellspacing and padding?

tical · 02-10-2007, 08:52 PM

not sure if the formatting will be preserved in the links below... but either do what the first guy suggested and bring the <td><a href><img></a></td> all together OR add a <br> after the </a> below

the carriage return is the problem

Code:

	<td rowspan="2">
<a href="http://www.stockingsangels.com/fhg/sa/01/gall29/index.php?id=1100972" target="_blank"><img src="http://tinasnylons.com/tgp/thumbs/65.jpg" border="0" alt="Thumb"></a>
</td>

should be

Code:

<td rowspan="2"><a href="http://www.stockingsangels.com/fhg/sa/01/gall29/index.php?id=1100972" target="_blank"><img src="http://tinasnylons.com/tgp/thumbs/65.jpg" border="0" alt="Thumb"></a></td>

or

Code:

	<td rowspan="2">
<a href="http://www.stockingsangels.com/fhg/sa/01/gall29/index.php?id=1100972" target="_blank"><img src="http://tinasnylons.com/tgp/thumbs/65.jpg" border="0" alt="Thumb"></a><br>
</td>

Violetta · 02-11-2007, 07:11 AM

I got it.-.. Did all what you guys said and I also found a link that contained some % (spacing)

xenilk · 02-11-2007, 08:47 AM

The carriages returns are the problem, as stated before BUT a real HTML expert would tell you to use divs and css.

02-10-2007, 08:06 PM	#1
Violetta Affiliate Join Date: Jul 2004 Posts: 28,735	Html experts: Need some help with some tables http://www.tinasnylons.com/ take a look at it in IE. It looks a bit fucked up. Works perfectly in Opera, but that doesnt matter much since 1000000000% of the surfers are using IE. Anyway, do you know what I have done wrong? Something is out of line lol Help would be great... this is getting on my nerves __________________ M&A Queen

02-10-2007, 08:20 PM	#2
DjSap Confirmed User Join Date: Jul 2002 Posts: 3,869	http://validator.w3.org/check?uri=ht...snylons.com%2F __________________ Blog Themes, TGP Design, Writing Services, Grunt Work ICQ: 66871495

02-10-2007, 08:26 PM	#3
selena Confirmed User Join Date: Aug 2004 Location: On The Edge Posts: 7,994	I don't think it is anything html wise with your tables. I think something isn't fitting right in the design template. Did it look like that in IE before you loaded thumbs and banners into it? __________________ ~ Doer of Things at MetArtMoney Where Flawless Beauty Meets Art ~The MetArt Network ~ selena.delgado9 Last edited by selena; 02-10-2007 at 08:27 PM..

02-10-2007, 08:41 PM	#6
Aric Confirmed User Industry Role: Join Date: Sep 2002 Posts: 1,209	99% of the time it is spaces in the HTML.. especially when it comes to an image in a table cell. Example from your code: Code: <td> <img src="images/tod_15.jpg" width="120" height="20" alt=""></td> would be better off as Code: <td><img src="images/tod_15.jpg" width="120" height="20" alt=""></td> Sounds crazy, but it usually fixes those mysterious gaps __________________ Awesome cloud hosting by DigitalOcean

02-10-2007, 08:47 PM	#8
uno RIP Dodger. BEST.CAT.EVER Industry Role: Join Date: Dec 2002 Location: NYC Area Posts: 18,450	did you try setting the border of the image to 0 as well as cellspacing and padding? __________________ -uno icq: 111-914 CrazyBabe.com - porn art MojoHost - For all your hosting needs, present and future. Tell them I sent ya!

02-11-2007, 07:11 AM	#10
Violetta Affiliate Join Date: Jul 2004 Posts: 28,735	I got it.-.. Did all what you guys said and I also found a link that contained some % (spacing) __________________ M&A Queen

02-11-2007, 08:47 AM	#11
xenilk Confirmed User Join Date: Jan 2006 Location: Canuck land! Posts: 921	The carriages returns are the problem, as stated before BUT a real HTML expert would tell you to use divs and css. __________________ 40$/Page PSD->XHTML/CSS Transformations