Changing the blocks layout

catweazle · Regular Joined: Oct 14, 2006 Posts: 60 Location: Norway

Hi All!

I have changed the layout for this block quite a bit and have almost got it the way I want. I've used "colspan" to "stretch" the expanded table to use 100% width (as I think that looks alot better). One small problem though is that I can't get the cells of the expanded table to line up with the "corresponding" cells in the header table:

The width of the cells in the header table is: 60%+5%+20%+5%+10%.
I have the same settings for the cells in the expanded table, but that don't seem to do it...

Any suggestions on how to "line up" the cells of these two tables?
I like to have things look symetric and nice,
so any help on this is very much appreciated Smile

I also changed the view of top users (to have more users in one single row):

.. but it really was a pain in the a** to make it show right in both MSIE and FF!
MSIE refuses totally to respond to the <br /> code tags (within the same cell) in that part of the script. Sad

I had to make some changes to the

Code:

if ($showTopPosters==1 OR $showTopPosters==2) {

part of the script so this IF statement will be executed three times:
First time to do <tr><td> get the UserAvatar </td></tr>,
secon time to do <tr><td> get the UserName </td></tr>,
and third time to do <tr><td> get the amount of UserPosts </td></tr>.

Now it finally shows up the right way in both browsers,
- so it was absolutely worth all the hard work Wink

Oh - and don't forget about my first issue, please...
I'm really struggling with that one!!

Thanks alot for your time folks!

Gremmie · Posted: Thu Feb 07, 2008 8:49 am

Is the header part a separate table from the rest? If so, then I don't think you can get them to line up. They need to be part of the same table for that to happen. I would also not fool around with the width attributes. Use CSS if you have to, you get much more control over tables that way.

catweazle · Regular Joined: Oct 14, 2006 Posts: 60 Location: Norway

Thanks alot for your fast reply, Gremmie.

Yes, it's about two separate tables.

If you have two tables beneath each other whithin a third table (both inner tables sized to 100% of the outer table), and you part both inner tables in eg. 3 cells (50%+25%+25%)... - then both those inner tables will be viwed exactly alike!?? I've done other layouts and never come across this as an issue...

Sorry - I'm not very familiar with stylesheets yet Sad

Gremmie · Posted: Thu Feb 07, 2008 12:04 pm

You'll have better luck if you combine it all into 1 table.

Also, now is a great chance to learn about CSS. Smile

It isn't hard. You'll get a lot more control with it.