CSS - Test Your CSS Skills Number 30 - Multi columns

**gary.turner** · Nov 23, 2009 15:53

Originally Posted by petweis

sorry folks; it's a colossal waste of time. The average 10 year old can do this in 15 minutes, after having been shown HTML Tables just once. <snip>

Not quite. You cannot make a semantic, well structured, and well formed example of the content using tables. Period.

You are welcome to post your attempt, though. (moderators may choose to create a new thread to this purpose)

cheers,

gary

**Paul O'B** · Nov 23, 2009 16:39

Originally Posted by petweis

sorry folks; it's a colossal waste of time. The average 10 year old can do this in 15 minutes, after having been shown HTML Tables just once. It's child's play. Saying Tables can only be used for tabular date is like saying you can't use a bulldozer to level a derelict building and clear the lot because bulldozers can only be used to doze bulls. And you're supposed to use a bamboo lawn rake - used for creating patterns in sand - instead. And Tables work in every browser ever made; you don't even have to check.

I'm sorry but quiz one can't actually be done with tables at all. Tables are simply too rigid to accomplish this feat in any manner (as would they be for most of the other quizzes also).

As mentioned by the others above that is not the point of these quizzes at all anyway as we are simply exploring the limits of CSS and having fun at the same time solving puzzles.

This is not a Tables vs CSS debate in any form and was never meant to be. We have no axe to grind here and the quizzes are purely for fun with the added benefit of learning something along the way.

Therefeore please keep all comments relevant to the quiz in hand otherwise they will be considered off-topic and irrelevant. I don't want this thread to veer away from the task in hand so please don't spoil it for those that enjoy these quizzes.

**RyanReese** · Nov 23, 2009 17:32

Originally Posted by petweis

sorry folks; it's a colossal waste of time. The average 10 year old can do this in 15 minutes,

THen do it. Where is your answer to Paul?

**Paul O'B** · Nov 24, 2009 03:31

I have a solution From Ray for Quiz A that works in IE6 and 7 only. Well done Ray and keep working on the other browsers as I'm sure you'll get there.

**markbrown4** · Nov 24, 2009 04:27

No go

I'm keen to see the solutions but you might need to point me in the Right direction

**YuriKolovsky** · Nov 24, 2009 04:31

i know it has to do with this and that, i also know it involves some mathematical thinking, visually im there, but there is this boundary that i cant manage to cross.

**Paul O'B** · Nov 24, 2009 04:36

Originally Posted by YuriKolovsky

i know it has to do with this and that, i also know it involves some mathematical thinking, visually im there, but there is this boundary that i cant manage to cross.

lol - so your answer is this :

((this + that) x numOfpixels) ^ imagination

**Paul O'B** · Nov 24, 2009 04:39

I'll start throwing clues around tomorrow if no one's close

**YuriKolovsky** · Nov 24, 2009 05:26

hahah absolutely correct on the wording, but i meant something like this.
((this + that) x clearedFloat) ^ imagination
xD

**Paul O'B** · Nov 24, 2009 06:05

I have a correct solution for Quiz B from Kravvitz - Well done and thanks for the entry

Quiz A is proving tough although ray has a version for ie6/7 only as mentioned above.

A small clue is that IE6 and 7 as usual need something different to other browsers so you have to fork the code (I love that phrase) for them.

**Paul O'B** · Nov 24, 2009 13:56

I have a solution for Quiz A from Kravvitz - which like Ray's works for IE6 and 7 only. Well done for getting this far

I'll start dropping clues tomorrow and all will become clear.

**Paul O'B** · Nov 25, 2009 16:03

OK - time for a big clue as you all seem to be stumped for a solution for all but ie6/7

What can stop a negative top margin from going any further no matter how big you make it.

**YuriKolovsky** · Nov 26, 2009 02:43

i am still stumped... i know what does the above in firefox only.
plus now im also sick! staying in bed all day today.

**Paul O'B** · Nov 26, 2009 03:25

Clue 2.

A float will be needed somewhere.

Get better soon Timo.

**Rayzur** · Nov 26, 2009 10:57

Thanks for the clues Paul. I was not able to work on the quiz the past few days but will continue with it now.

**Paul O'B** · Nov 26, 2009 11:43

Another clue:

You should be looking at how cleared elements behave when you apply negative top margins to them.

**YuriKolovsky** · Nov 26, 2009 12:03

but i knew the above from day 1! xD

**Paul O'B** · Nov 26, 2009 14:01

Another Very Big Clue

Don't look if you want to try yourself as this one will all but give it away.

Floaty
non-float
non-float
non-float
non-float(with large negative top margin)
non-float
non-float
non-float
non-float(with large negative top margin)
non-float
non-float
non-float

**markbrown4** · Nov 26, 2009 15:19

Solved, I'm a genius

but there's a column awol in Opera.

**Kravvitz** · Nov 26, 2009 21:21

It seems to be messed up in Firefox 1.0 too.

**RyanReese** · Nov 26, 2009 22:02

Originally Posted by YuriKolovsky

but i knew the above from day 1! xD

Same

I haven't had time to work on this and the mere amount of hints given out would make me achieve no satisfaction in completing (considering others would think I looked at the hints to solve)

**Rayzur** · Nov 26, 2009 23:23

Originally Posted by RyanReese

I haven't had time to work on this and the mere amount of hints given out would make me achieve no satisfaction in completing (considering others would think I looked at the hints to solve)

No hints were given out for IE6/7 so that could be one for you to work out.

**RyanReese** · Nov 26, 2009 23:53

Originally Posted by Rayzur

No hints were given out for IE6/7 so that could be one for you to work out.

I'll do it Saturday though I don't see why IE6/7 would be too difficult since I would only have to make sure an element doesnt have something, I won't say more so it isn't a hint (if it is).

Off Topic:

I saved up a lot of money for (technically) today's big deals since it's Black Friday.

Best Buy/any electronic store, prepare to be ... invaded by me.

**markbrown4** · Nov 27, 2009 01:08

Originally Posted by RyanReese

the mere amount of hints given out would make me achieve no satisfaction in completing (considering others would think I looked at the hints to solve)

Disagree, I still found the exercise satisfying. The first thing I added when I thought of the solution never would have worked - but I never would have thought of doing without it. It's interesting how when you first think on a problem you can get stuck with an idea that blocks a clean solution.