Apr 07, 2011 — 5 comments
Today I wanted to share the easy method of creating a pure CSS horizontal navigation menu with you.You see a lot of sites using them and while some are very creative others are way off base as far as functionality and SEO is concerned.So without further ado let’s begin to create this horizontal navigation menu.
The pseudo: hover class is most commonly used to hide and display content or change element styles based on user hover interaction with elements on a web site. The problem is that CSS pseudo hover class is from CSS2 and not CSS1 leaving IE5 and IE6 out in the cold. Here we will fix this issue and bring the pseudo hover class to these lackey browsers.
This tutorial teaches you how to make some pretty looking buttons using CSS.
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.
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?