Need some help.

[outrage]

I want to add another group of the _top skins (gold silver bronze and than the rest)

the first row will only have 1 table with the info height: 259px; width: 300px; margin: auto;

second row should have 2 tables with the info height: 209px; width: 250px; margin: auto;

the rest of them should be 4 per row, and have the info height: 125px; width: 125px; margin auto;

I've been checking it out, trying different methods to make that possible, but I just can't find out how.

 

[Basti]

Hmm, not exactly sure what you try to archive, but easiest way might be...
give your tables, div ( whatever you use ) a common shared class and a unique id

<div class="top_skin" id="top_skin_{$rank}">

First off, all get the same css

.top_skin { height: 125px }

Then you can target specific ranks only and overwrite the common shared properties, e.g

#top_skin_1 { height: 259px }
#top_skin_2, #top_skin_3 { height:  209px }

 

[outrage]

I guess I kind of explained it quite weird. but I could show you how far I've come and maybe you'll understand my idea

I kind of want the 2nd and 3rd ranked sites to be 209x250 with a 40px margin between them but I'll do all that by myself, just need to know how to make it possible.

 

[Basti]

Ah ye, then my post above could archive that