I am almost there, I do not want to use anything else except the table tag. This is for my students.

March 22nd, 2014, 03:19 PM

PeejAvery

Re: Different Table Cell sizes and colors

Sorry this reply is so late. I'm still without internet in my home... ;)

Unfortunately, such a layout is not possible with tables (and neither floating divs for that matter). Too much overlapping on certain elements. If the blue didn't come down into the gray. Then you could do it all and just overlay the yellow statically. But that would still have some serious limitations.

March 24th, 2014, 11:33 AM

HanneSThEGreaT

Re: Different Table Cell sizes and colors

Hey no problems Peej! :thumb: I am also not so frequent on the forums as I am currently looking for employment. Hence this question.

I thought as much, and even let the people that gave me the test know, unfortunately they didn't agree :ehh: Yes, I am seriuos, they wanted it only with HTML Tables and nothing else. I even attempted the HTML 5's Canvas capabilities, but the exercise should have been solely in HTML 4.

the problem issue is the yellow square that runs "trough" other cells, which just't can't happen. Using colspan/rowspan should only result in rectangular areas, where this needs 2 non rectangular area's. The olive and the dark gray at the bottom.

You might be able to construct something 'invalid' which happens to render as you want it to, but it'll probably be specific to a certain browser and version only.

but the underlying question of course... does it actually have to BE like in the image or does it only have to LOOK that way?

Creating the image is totally doable if you just keep it as separate cells without cell merging (row/col spanning) and you just color individual cells appropriately.

March 26th, 2014, 08:26 AM

HanneSThEGreaT

Re: Different Table Cell sizes and colors

Yes, it had to be precisely like the image. To be honest, I didn't think of having separate cells, which would most likely work. But I cannot see the whole logic in this whole exercise at all. Perhaps I'm just getting old, frustrated and grumpy ( well, more grumpy than usual ;) )