Hi, I do believe I have a hard one for css developpers. First, I do believe this is possible but I can't figure how. I would like to have 2 rows of div using different type of bloc (div) I would have divs that would be: - 300x300 - 600x300 - 300x600 Here's an exemple of how it would look. [X][X][-X--]|­Â¯|[X][X]|¯|[X] [X][X][X][X]|_|[-X--]|_|[X] ­ Blocks could be easily swapable between the different type (300x300,300x600, etc) Is this possible? If so, if you have an exemple of this working, it would be greatly appreciated. Thanks for your help.
Just lookup how FLOAT works, that'll do most of what you are looking for. I don't have an example to give you, but if you read up on how the float attribute works you should be able to do this fairly easily.
flaot:left or display:inline would do it. Though if you do float:left (probably the easier solution), remember to clear it
You might want to try out one of the CSS frameworks as training wheels while you get comfortable. 960 grid system is pretty easy to follow.
Nothing really complicated. This is just a question of basic CSS. You'll just use float attribute (float:left should be all you'll need) and clear attribute (clear:left will be enough unless you will float divs also to the right or to the center - then clear:both will do it). That's it. Don't have enough time now to code some quick example but I hope you can do it yourself. It's pretty easy.