Dynamic Drive CSS Library

Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.

CSS Library- What's New

Arrow Bullet List Menu

This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already!

Bold CSS Buttons

These big, bold CSS buttons are constructed using a rounded edge button image sliced into two pieces, then put back together using CSS. The button text style reacts on the "hover" state.

CSS Oval buttons

These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.

CSS Square buttons

These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.

4.2 CSS Square buttons	4.1 Glossy Horizontal Menu	4 CSS Indent Menu
3.6 CSS Pagination Links	4.1 Inverted Shift Down Menu II	3.7 Inverted Shift Down Menu
4.1 Inverted Modern Bricks Menu	4 Modern Bricks Menu	3.8 Glowing Tabs Menu

Anylink Menu Customized Full List: Horizontal CSS Menus, Vertical CSS Menus, Image CSS, Form CSS, DIVs and containers, Links & Buttons, Other. CSS Layouts CSS Layouts and Frames Updated! Browse the CSS Layouts section for tableless templates ranging from two columns, 3 columns, to liquid and CSS frames. Dynamic Drive Blog DD Tab Menu- incorporating 5 CSS horizontal menus Date: 04/27/2007 | By ddadmin | Comments: 28 I've decided to create a 2 level Tab Menu based 5 of the CSS horizontal menus found here. Turn to this script when you need your CSS menu to support a second horizontal level. Oh yes, and if you like the script please digg it (to the right)! CSS Equal Columns Height script (v1.01) Date: 11/02/2006 | By ddadmin | Comments: 161 A common pitfall of a CSS based columns layout is that the columns do not share a common height. Unlike a table based layout where the height of the table itself dictates the height of all of its columns, CSS columns are independent of one another in that respect. Now, this can be problematic (from a design standpoint) when you wish to style one of your CSS columns in a way that should extend all the way down to the end of the layout, such as giving a side column an explicit background color, a surrounding border etc.