I'm looking for a really simple online tutorial for learning CSS Layout Design. Something that takes you through it step by step.
Does anyone by any chance know if any good links? I've googled a bit but haven't found exactly what I'm after.
I know the very basics of CSS. For example, how to create a css file, link to it, and set the colour of the back ground and the size and font of the text. But actually created the layout of a page with CSS is completely beyond my current skillset.
Ok, well for a simple list of the relevant attributes, check out the Dimension, Classification, and Positioning pages at W3Schools, to learn about: width/height, top/left/bottom/right, position, float, clear, display.
Then experiment with them. By way of a very quick explanation:
Most times, I set margin: 0px; border: 0px; padding: 0px on all layout elements, because otherwise they might trip you up. (But don't be afraid to fiddle with them if necessary.)
Once the above are taken care of, width & height are fairly obvious. Except potentially for small values - if your height is to high, it's usually because of the font-size. Use font-size and line-height to fix with that.
top/left/bottom/right are positional - you need to have position:absolute; for them to work in relation to the window, though usually using float and clear are better.
Oh, and make sure to set display:block; on things which might otherwise be inline.
Remember, percentages are in relation to the parent element - so if you set something to width:50% you need to have a valid width on the tag which contains it, otherwise it wont make sense.
So yeah, just go experiment with the above and hopefully it'll eventually become clear. If not you can of course ask specific questions here. :)
It is indeed! I was going to mention it, but then I thought no one would remember who I was talking about. Then I would have to explain, and then and then....oh it would be exhausting! Bit like this post really.
just another "here is a cut and paste from a wikihow style page, and then a link to their site". I wonder why they scrape such ancient posts to bump with this stuff? Anyway, boooooring, but always nice to see an old thread and remember people.
