Category Archives: Tutorials & Articles

CSS Tutorial (Lesson 14: Positioning of elements)

css-tricks-tips-icon

With CSS positioning, you can place an element exactly where you want it on your page. Together with floats (see lesson 13), positioning gives you many possibilities to create an advanced and precise layout.

CSS Tutorial (Lesson 15: Layer on layer with z-index (Layers))

figure020

CSS operates in three dimensions – height, width and depth. We have seen the first two dimensions in previous lessons. In this lesson, we will learn how to let different elements become layers. In short, this means the order of which the elements overlap one another.

CSS Tutorial (Lesson 16: Web-standards and validation)

W3C_Standards_Compliance_Validation

3C is the World Wide Web Consortium, which is an independent organization that manages code standards on the web (e.g. HTML, CSS, XML and others). Microsoft, The Mozilla Foundation and many others are a part of W3C and agree upon the future developments of the standards.

starting with HTML + CSS (Step 7: putting the style sheet in a separate file)

how_css_works

We now have an HTML file with an embedded style sheet. But if our site grows we probably want many pages to share the same style. There is a better method than copying the style sheet into every page: if we put the style sheet in a separate file, all pages can point to it.

starting with HTML + CSS (Step 6: adding a horizontal line)

table

The final addition to the style sheet is a horizontal rule to separate the text from the signature at the bottom.

We will use 'border-top' to add a dotted line above the <address> element