Today we are going to cover how to build a pure CSS menu with infinite sub menus; an area of CSS that is seldom talked about, poorly written or misconceived. This pure CSS menu with infinite sub menus technique makes use of CSS2 selectors so it will not work in IE6 and below without help [...]
Here I am going to show you how to build “Lava Lam”p menu tabs. We will be using CSS / jQuery and a single image to maintain a 100% stretchy rounded corners menu tab or lava bubble if you will. This version of the Lava Lamp menu tabs works in IE6+ and all other browsers!
Did you know that IE6 has an bug when it comes time to use the CSS z-index sorting style? Here I will show you how to over come this classic IE6 z-index sorting issue.
I wanted to take some time and introduce to you a new technique I have come up with that helps me out in both CSS file size but also organization. This technique of mine has been dubbed RUB which stands for (Repeating Unique Behaviors).
Today I wanted to share a little tip with my fellow SEO heads. If content is king, then indeed placement of content on a page is also important. Here is a little trick to make sure your content is always first and foremost for crawlers yet not to disturb your layout and design.
Today we are going to build the second most common menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS and un-ordered lists to create our vertical navigation menu with three levels of pop outs. This version of the vertical navigation menu will work in IE5, IE6, IE7 and [...]
Many developers have dedicated their time and efforts such as me to try to move developers over to the proper standards of web code and away from older or non w3c approaches to site designs. One of these long used but improper approaches to site designs is the dreaded table use for your sites layout.
Tables [...]
Sometimes we must isolate out specific versions of IE that give us grief as developers. There have been many discovered avenues in isolating certain versions of IE out of our style scheme to give specific instructions to, but none are as subtle as the !important. That’s right the !important use is for IE related issues [...]
Today I want to talk about how to create that rounded corner look you see popping up all over the internet.
VIEW WORKING EXAMPLE OF OUR PURE CSS LIGHT BOX NOW
A light box is web slang for a way to divide and present such things to your viewers as pictures in a gallery or special site notices. Today I wanted to quickly show you how to create a pure CSS light box. Lets start with our [...]
This is a follow-up to my Three Column Layout in less than 10 lines of CSS tutorial but in this one we are going to be using, no background images no JavaScript and 100% pure CSS. This method only uses 14 CSS rules making it very light weight, easy to maintain, SEO and cross [...]
Today we will be expanding on our previous tutorial “Learning the basics of CSS faster than ever” into what areas we are permitted to write our CSS. There are three areas we are permitted to write CSS and these are.
Combining Rules -
Selectors -
Pseudo Class -
Inline
We talked about how to write inline styles in our [...]
Recent Comments