home of the “design for the web” coursean adult course focused on webstandards based webdesign

webeyedea logo design for the web

Archive for September 2011

homework

30/09/2011 16 Comments

Just to keep you busy and practising ~ a little list of homework tasks for next week:

  • work on your fairy tale mini site:
    • change your main menu into a left column vertical menu
    • add a minimum of 3 new pages to show more images and relevant content
    • experiment image positioning within the page (left/right)
  • set up your gravatar and leave a comment on this post with your dedicated email

floating into position

30/09/2011 Comments Off

Time to take charge of your layouts and position your elements with more control – onto the CSS float property. By using the float property on an element within your page – you will be able to position another next to it with ease. Floats are one of the most used and popular techniques for creating a variety of different layouts and are a very important positioning method to learn and understand.

continue reading ➤

the box model

29/09/2011 1 Comment

With the basics covered, your coding needs to expand in order to give you more control over your layouts – time to tackle the famous box model. For this one – I’m pointing you to some excellent references online which will explain in detail the principles and problems (for IE6 and earlier) involved.

To illustrate the box model for visual reference – here are 2 diagrams to clarify (note: click the images for a larger view).
box model diagram continue reading ➤

beginning CSS

23/09/2011 Comments Off

Time to add a touch of style to your plain looking pages :)
Time for some CSS  — time to meet our master :)

Eric Meyer

Eric Meyer
photo: August 19, 2008 © Adrian Q

Regardless of who you ask - if they are writing CSS - no doubt, they will have learnt from Eric. continue reading ➤

« Older Entries