CSS

The best CSS rounded corners method

27/12/2007

The best CSS rounded corners method I love this example : {Even More CSS Roudned Corners 2}http://www.schillmania.com/projects/dialog2/ {Project Home}http://www.schillmania.com/content/projects/even-more-rounded-corners/ {Basic Example}http://www.schillmania.com/projects/dialog2/basic.html The HTML is simple The Css is excellent

Dynamically adding a CSS link to the page in c#

14/11/2007

Dynamically adding a CSS link to the page in c# The following code adds a CSS link to the header node of a Html page.

Scrollbar CSS style generator

12/11/2007

Scrollbar CSS style generator Excellent online tool for generating css for scrollbars http://iconico.com/CSSScrollbar/

Linking from one CSS StyleSheet to Another

21/6/2007

Linking from one CSS StyleSheet to Another Simply add the following to the top of your CSS StyleSheet to link it to another: '''NOTE:''' the path is relative to the current StyleSheet

Centering a DIV using the negative margin method

21/6/2007

Centering a DIV using the negative margin method The following CSS will center a DIV whih is 500px wide. This method is very clean and works in all browsers. Change the width to suit your needs then change the margin-left to half the width of the div.

No more cellspacing, roll on border-collapse!

14/6/2007

No more cellspacing, roll on border-collapse! Confused as to why applying a css '''margin:0px''' and '''padding:0px''' doesn't remove the gaps between cells in tables? You need border-collapse. The cellpadding and cellspacing attributes are not deprecated in HTML 4 (and not even in XHTML 1.1), however, looking to the future I like to use CSS where possible. The following css demonstrates how to remove the gaps on all tables:

Ensure the minimum height of a
tag in Internet Explorer

14/6/2006

Ensure the minimum height of a

tag in Internet Explorer Being a Microsoft bigot I really love all of Microsoft's products, but I do find IE a real pain. Especially its inconsistencies with CSS. In an attempt to catch up with my friends and collagues I'm doing more and more development work in pure CSS rather than using long winded hidden tables for structure, but I still have some way to go. On a recent development project I needed to ensure that a

tag had a minimum height of 100px; but the min-height property of the style attribute on a

fails to work in IE. After a bit of work I found this solution. I've included the style attribute in the

tag but you'll be keeping this in your stylesheet. ;-) Basically define your

, then prop it open with a nested

that floats to the right, is 1 pixel wide and sits behind the parent

. This will ensure your parent

has a minimum height of 100px; and will allow it to grow if the content exceeds this.