jump to navigation

CSS Calendar May 12 2006

Just a quick post about a quick and easy CSS calendar that I created.

You can find the calendar here : http://norvin.eitzenlabs.com/design/HTML_calendar/01/HTML_calendar_01.html

The parameters are very easy to change and there isn’t any messy table code.

Enjoy! 

 

Transparent Suckerfish Drop Down Menus February 25 2005

Recently I took the plunge to implement some drop down menus on a commercial website at the company’s request. Normally I don’t bother because of all the javascript headaches associated with these types of things.

Trying to keep in line with the whole XHTML / CSS thing I decided to bring up the Suckerfish Drop Down menu article again.

These are a great way to implement drop downs and not have your code look like ass.

The only problem I ran into was that my menus were always transparent and you could see the crap underneath! I realized eventually …

Rounded CSS Boxes October 28 2004

I decided to create a general template for rounded CSS boxes today. I know this topic has been covered before on several sites, however I still felt that I wanted to do it from scratch.

This template provides the code for a vertically expandable CSS box with rounded corners. To expand horizontally, just change the width parameters.

The key to this exercise is the 4 corner images. The rest of the code is all XHTML/CSS.

Here is the result. Feel free to comment should you know how I could improve this design.

Browser compliant across IE/Moz/Opera.

Floating CSS Left-Right Boxes October 19 2004

Every now and then I do some CSS from scratch where I need to have floating elements on both sides of the page (left and right boxes) This post is basically a quick demonstration (read : recipe) of how to get the left-right box thing happening such that it is compliant across IE/Moz/Opera while maintaining my usual defaults for elements.

Example 1

To get a more complex example, lets add a full DIV under the floating boxes. Note the CSS change and stupid IE hacks.

Example 2