Apr 07, 2011 — 5 comments
I am back with a second tutorial about the famous three column layout. Here we will create the most light weight cross browser and SEO friendly three column layout around. No CSS Hacks, No Background Images, Cross Browser Friendly and SEO Friendly. Enjoy!
CSS3 Opacity.. Transparency.. Lucidity.. A wee bit see-through… whatever you want to call it! Herein is a guide to using the Opacity declaration in CSS 3 along with some tutorial examples.
Easily create a CSS photo gallery with a Unordered List and some CSS
Use @font-face to embed a font NOT on the ‘web safe’ list and get away from using images for text headers! This will currently only work with certain browsers so again, there is our quick +/- list of compatible browsers.
Centering a website is a key part of many CSS layouts. While there are many ways to do it in a variety of situations, the following is an explanation that is purely CSS, avoids messing with percentages, and is compatible with all modern browsers.
Although the W3 (World Wide Web Consortium) have sent out CSS3 (New version of the CSS language) to various browser company’s such as Mozilla and Safari. Support for it is not high enough, so some of the great attributes that CSS3 will be bringing in such as box-shadow which allows you to add shadow (that we will be creating in this tutorial) with one attribute. So we’re going to have stick to CSS2! Creating shadow in CSS2 is a question that’s pretty popular amongst the web-dev community a
Use CSS 3 to create a set of columns on your website without having to assign individual layers and / or paragraphs for each column.
It is proposed in CSS3, that we can apply background image dimensions as well as use multiple background images. Here, along with the +/- of compatible browsers, is how...
Learn How to make a website from scratch. Learn how to code XHTML and CSS W3C valid!
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?