<?
<table>
<
tr>
<
td>


  <
table class="lfmWidget805d703210a25419be21a1848f71387e" cellpadding="0" cellspacing="0" border="0" style="width:184px; float: left;"><tr class="lfmHead"><td><a title="Lira: Recently Listened Tracks" href="http://www.last.fm/user/Marcus_Lira/" target="_blank" style="display:inline;overflow:hidden;height:20px;width:184px;background:url(<a href="http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/e...gular_black.png</a>) no-repeat 0 -20px;text-decoration:none;border:0;float:left;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/chart/19.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="184" height="179" > <param name="movie" value="http://cdn.last.fm/widgets/chart/19.swf" /> <param name="flashvars" value="type=recenttracks&user=Marcus_Lira&theme=black&lang=en&widget_id=805d703210a25419be21a1848f71387e" /> <param name="bgcolor" value="000000" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url(<a href="http://cdn.last.fm/widgets/images/footer_bg/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/footer_bg/black.png</a>) repeat-x 0 0;text-align:right;">
  
  
</td></td><td valign="top">

<
table cellspacing="0" cellpadding="0" border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.last.fm/widgets/?colour=black&chartType=recenttracks&user=Marcus_Lira&chartFriends=&from=code&widget=chart" title="Get your own widget" target="_blank" style="display:inline;overflow:hidden;width:85px;height:20px;float:right;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.last.fm/user/Marcus_Lira/" title="View Lira's profile" target="_blank" style="display:block;overflow:hidden;width:74px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -85px -20px;text-decoration:none;border:0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.last.fm/widgets/popup/?colour=black&chartType=recenttracks&user=xxxxxxxxx&chartFriends=&from=code&widget=chart&resize=1" title="Load this chart in a pop up" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -159px -20px;text-decoration:none;border:0;" onclick="window.open(this.href + '&resize=0','lfm_popup','height=279,width=234,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table>
?>
<?
<!--- For simplicity's sake, I'm just using a super-table ---->
  <
table>
  <
tr><td>
<!-- 
First table -->
<
table class="lfmWidget805d703210a25419be21a1848f71387e" cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr class="lfmHead"><td><a title="xxxxxxxxx: Recently Listened Tracks" href="http://www.last.fm/user/xxxxxxxxx/" target="_blank" style="display:block;overflow:hidden;height:20px;width:184px;background:url(<a href="http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/e...gular_black.png</a>) no-repeat 0 -20px;text-decoration:none;border:0;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/chart/19.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="184" height="179" > <param name="movie" value="http://cdn.last.fm/widgets/chart/19.swf" /> <param name="flashvars" value="type=recenttracks&user=xxxxxxxxx&theme=black&lang=en&widget_id=805d703210a25419be21a1848f71387e" /> <param name="bgcolor" value="000000" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url(<a href="http://cdn.last.fm/widgets/images/footer_bg/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/footer_bg/black.png</a>) repeat-x 0 0;text-align:right;"><table cellspacing="0" cellpadding="0" border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.last.fm/widgets/?colour=black&chartType=recenttracks&user=xxxxxxxxx&chartFriends=&from=code&widget=chart" title="Get your own widget" target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.last.fm/user/xxxxxxxxx/" title="View xxxxxxxxx's profile" target="_blank" style="display:block;overflow:hidden;width:74px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -85px -20px;text-decoration:none;border:0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.last.fm/widgets/popup/?colour=black&chartType=recenttracks&user=xxxxxxxxx&chartFriends=&from=code&widget=chart&resize=1" title="Load this chart in a pop up" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -159px -20px;text-decoration:none;border:0;" onclick="window.open(this.href + '&resize=0','lfm_popup','height=279,width=234,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table>
<!-- Intermission --->
</
td><td valign="top">
<!--- 
Second Table --->
<
table class="lfmWidgetafb36f11befd1fddf4869c56e231eb08" cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr class="lfmHead"><td><a title="xxxxxxxxx: Overall Top Artists" href="http://www.last.fm/user/xxxxxxxxx/charts/?charttype=overall&subtype=artist" target="_blank" style="display:block;overflow:hidden;height:20px;width:184px;background:url(<a href="http://cdn.last.fm/widgets/images/en/header/chart/topartists_regular_black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/e...gular_black.png</a>) no-repeat 0 -20px;text-decoration:none;border:0;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/chart/19.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="184" height="140" > <param name="movie" value="http://cdn.last.fm/widgets/chart/19.swf" /> <param name="flashvars" value="type=topartists&user=xxxxxxxxx&theme=black&lang=en&widget_id=afb36f11befd1fddf4869c56e231eb08" /> <param name="bgcolor" value="000000" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url(<a href="http://cdn.last.fm/widgets/images/footer_bg/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/footer_bg/black.png</a>) repeat-x 0 0;text-align:right;"><table cellspacing="0" cellpadding="0" border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.last.fm/widgets/?colour=black&chartType=topartists&user=xxxxxxxxx&chartFriends=&from=code&widget=chart" title="Get your own widget" target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.last.fm/user/xxxxxxxxx/" title="View xxxxxxxxx's profile" target="_blank" style="display:block;overflow:hidden;width:74px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -85px -20px;text-decoration:none;border:0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.last.fm/widgets/popup/?colour=black&chartType=topartists&user=xxxxxxxxx&chartFriends=&from=code&widget=chart&resize=1" title="Load this chart in a pop up" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(<a href="http://cdn.last.fm/widgets/images/en/footer/black.png" target="_blank" rel="nofollow">http://cdn.last.fm/widgets/images/en/footer/black.png</a>) no-repeat -159px -20px;text-decoration:none;border:0;" onclick="window.open(this.href + '&resize=0','lfm_popup','height=240,width=234,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table>
<!-- Let's now tidy this table up --->
</td></tr></table>
<!-- End of the tablery hotness! --->
?>
I've got a (probably) simple html problem... - TranceAddict Forums

TranceAddict Forums

TranceAddict Forums (www.tranceaddict.com/forums)
- Chill Out Room
-- I've got a (probably) simple html problem...
Pages (2): [1] 2 »


Posted by Gauss on Nov-06-2007 21:33:

I've got a (probably) simple html problem...

So, there are two tables (Last.fm widgets), standing one beneath the other...
How do I make them stand one next to other instead?

Instead of this:

\\\\
\\\\
\\\\
||||
||||
||||

This:

\\\\ ||||
\\\\ ||||
\\\\ ||||


Posted by noikeee on Nov-06-2007 21:42:

If you can access them separately, put them in two different < div > tags. If you can't, use javascript to split them or something.


Posted by SimFox3 on Nov-06-2007 21:47:

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>${table1}</td>
<td>${table2}</td>
</tr>
</table>


Posted by Gauss on Nov-06-2007 22:23:

quote:
Originally posted by noikeee
If you can access them separately, put them in two different < div > tags.

Not working...

quote:
Originally posted by SimFox3
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>${table1}</td>
<td>${table2}</td>
</tr>
</table>

That makes things quite messy since the codes for those tables themselves are rather... Advanced.
They end with < /a >< /td >< /tr >< /table >< /td >< /tr >< /table >, it it's of any help.


Posted by echosystm on Nov-06-2007 22:26:

You could use css to float one of the tables. I would do what SimFox said though.


Posted by noikeee on Nov-06-2007 22:37:

quote:
Originally posted by Gauss
Not working...


From what i remember, divs are pretty versatile, probably CSS can be used to give them fixed places in the website. There are a shitload of different CSS attributes for divs, there must be a combination that allows it like you want it.


Posted by d_bag on Nov-06-2007 23:11:

I think this might work:

Table with one row, 2 columns.








\\\\


\\\\


\\\\



||||


||||


||||





hope it helps


Posted by d_bag on Nov-06-2007 23:13:

Urgh it read it as html

never mind


Posted by Lira on Nov-07-2007 00:28:

quote:
Originally posted by noikeee
From what i remember, divs are pretty versatile, probably CSS can be used to give them fixed places in the website. There are a shitload of different CSS attributes for divs, there must be a combination that allows it like you want it.

<table style="float: left"> - just add that to the first <table> and it should work.


Posted by Gauss on Nov-07-2007 11:35:

quote:
Originally posted by Lira
<table style="float: left"> - just add that to the first <table> and it should work.

Not working either.

As for answers concerning CSS, I'm a noob for that stuff, so...


Posted by Akridrot on Nov-07-2007 12:04:

put the code in a pastebin or something so we can see ( http://pastebin.ca/ )


Posted by Gauss on Nov-07-2007 12:45:

Here it is, that's one table (out of two):

http://pastebin.ca/764625


Posted by Lira on Nov-07-2007 17:55:

Erm... I got this far. Now, what do you want to do next? I'm a bit lost here

PHP:


Posted by Gauss on Nov-07-2007 18:31:

Here's the second table:

http://pastebin.ca/764959

Now, can you write a code to make it stand next to the first one?


Posted by Lira on Nov-07-2007 18:57:

Ah, makes sense now. Hold on, I'll do that in a minute


Posted by Lira on Nov-07-2007 19:07:

PHP:


There you go. The code is quite simple (I just inserted both tables into a larger one), and I hope this is what you're looking for


Posted by Gauss on Nov-07-2007 22:56:

Still not working, but I think the reason why is because it's within another, even bigger code (Flash layout for MySpace).
Oh well, big thanks for trying anyway.


Posted by noikeee on Nov-07-2007 23:18:

How can someone loathe beaches?!


Posted by gehzumteufel on Nov-08-2007 01:13:

quote:
Originally posted by Gauss
MySpace

this in lies your problem.


Posted by LeopoldStotch on Nov-08-2007 01:57:

yup. there should be a warning when posting html on myspace, because sometimes you don't see what you want to get.


Posted by Lira on Nov-08-2007 02:49:

quote:
Originally posted by noikeee
How can someone loathe beaches?!

This is one of the things that makes me feel eccentric

Of course I don't hate beaches themselves. I would just be really annoyed to be there, even though everyone else seems to think there's no better place to be.

I mean.... I grew up thousands of kilometres away from the nearest beach, it shouldn't be surprising to find out that I've got better things to do living that far from the shore


Posted by gehzumteufel on Nov-08-2007 04:38:

quote:
Originally posted by LeopoldStotch
yup. there should be a warning when posting html on myspace, because sometimes you don't see what you want to get.

that and css. css is gimped to all hell on myspace.


Posted by Turbonium on Nov-08-2007 05:26:

I can't believe Maz went through all that trouble posting code for such a simple problem.

OP: Learn CSS and its proper implementation and the answer will be obvious.


Posted by gehzumteufel on Nov-08-2007 07:15:

quote:
Originally posted by Turbonium
I can't believe Maz went through all that trouble posting code for such a simple problem.

OP: Learn CSS and its proper implementation and the answer will be obvious.

not when your coding for myspace.


Posted by Lira on Nov-08-2007 10:37:

What happened when you pasted that code into myspace? Tables should be really straightforward, I don't see how you could achieve a different result
quote:
Originally posted by Turbonium
I can't believe Maz went through all that trouble posting code for such a simple problem.

Actually, all I did was:

<table>
<tr>
<td>
[First table]
</td>
<td>
[Second Table]
</td>
</tr>
</table>


Pages (2): [1] 2 »

Powered by: vBulletin
Copyright © 2000-2021, Jelsoft Enterprises Ltd.