View Full Version : Tables on Myspace acting weird.


chichy
08-29-2006, 08:19 AM
I made a layout in Myspace. In the "About me" section it has a table based picture sliced in Photoshop. The problem I have is the table seems to have split. This only happens in Myspace however - I tested the table layout by itself on a different page and it works.

Here's a screenshot of my space (it's on private, I only like my friends to see most of it):
http://img222.imageshack.us/img222/2127/screeenok0.gif

And this is the link to a page with only my table using the same coding for the table:
http://tnk100.freehostia.com/laa.html

Code to my table:
<TABLE WIDTH=380 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<IMG SRC="http://img165.imageshack.us/img165/4739/laa01rv3.gif" WIDTH=380 HEIGHT=57 ALT=""></TD>
<TD>
<IMG SRC="http://img165.imageshack.us/img165/5691/spacerlu9.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="http://img218.imageshack.us/img218/3415/laa02ok3.gif" WIDTH=20 HEIGHT=409 ALT=""></TD>
<TD BODY BACKGROUND="http://img218.imageshack.us/img218/3261/laa03qf1.gif">
<div style="width:153px; height:149px; overflow:auto;">


I like to type. Do you? I'm sure you do. Typing is great fun. Fun fun fun! Look at me go. I'm typing! Typity type typing! Wheee! Fill up this box with typing! Keep going, type

type type. I know I'm not the only one who talks to herself. Because talking to myself is funnn. But it can get a bit lonely. Okay, the sun is really getting in my eyes. Or

maybe my sister is just shining an extremely strong torch in my eyes. Either way, it's making me go blind.


</div>
</TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="http://img225.imageshack.us/img225/9126/laa04sm0.gif" WIDTH=207 HEIGHT=177 ALT=""></TD>
<TD>
<IMG SRC="http://img165.imageshack.us/img165/5691/spacerlu9.gif" WIDTH=1 HEIGHT=149 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="http://img225.imageshack.us/img225/8493/laa05th0.gif" WIDTH=153 HEIGHT=260 ALT=""></TD>
<TD>
<IMG SRC="http://img165.imageshack.us/img165/5691/spacerlu9.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://img176.imageshack.us/img176/576/laa06ts0.gif" WIDTH=22 HEIGHT=232 ALT=""></TD>
<TD BODY BACKGROUND="http://img225.imageshack.us/img225/2248/laa07ix5.gif">
<div style="width: 156px; height: 155px; overflow: auto">


Information goes here. How great! Who would've thought of it? It's amazing. And I'm still typing. Ya harrrr! I'm a pirate. Who likes to type. Yarrr. I need to keep going so I

can see the little scrolly box because who knows, maybe that's the problem? If it is, I'm a silly little bugger aren't I? Typity type type. It's really sunny outside. It's

hurting my eyes. My little tiny eyes. I need to pull down the blinds. But I'm too busy typing. You can see the problem I'm having here can't you?


</div>
</TD>
<TD ROWSPAN=2>
<IMG SRC="http://img176.imageshack.us/img176/6619/laa08fn1.gif" WIDTH=29 HEIGHT=232 ALT=""></TD>
<TD>
<IMG SRC="http://img165.imageshack.us/img165/5691/spacerlu9.gif" WIDTH=1 HEIGHT=155 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://img136.imageshack.us/img136/1531/laa09gu4.gif" WIDTH=156 HEIGHT=77 ALT=""></TD>
<TD>
<IMG SRC="http://img165.imageshack.us/img165/5691/spacerlu9.gif" WIDTH=1 HEIGHT=77 ALT=""></TD>
</TR>
</TABLE>



Is there any way I can fix my little table? If not, what are some alternatives to tables that I could use? I'd love to keep that picture on my space. Ooh, I use Firefox but the problem appears in IE as well.

Feel free to laugh at my n00bishness...knowing me it's a small mistake :stickout:

Thanks to anyone that can help! If you need more information simply post.

chichy
09-06-2006, 11:38 AM
It's probably just Myspace screwing around with the code. o.O

Are there any alternatives to tables? I'd use a div, but I'm not sure about positioning - will it appear in different places with different resolutions? My one is 1440x900 and I don't know anyone who uses that.

sinistaboy
09-12-2006, 12:51 AM
hey how did you get the table to scroll... what code did you use?

chichy
09-17-2006, 03:45 AM
On the table cell that I wanted to scroll, I added:

<div style="width: WIDTH HEREpx; height: HEIGHT HEREpx; overflow: auto">

Just after the <TD> code.

And at the end, just before the </TD>, I ended it with </div>.

You could also use a span code in place of a div, but I use Firefox and therefore that one won't work.

Hope that helps :)