Posts Categorized: CSS

IE7 CSS dropdown menus

Posted by & filed under CSS.

Problem: The dropdown ULs are positioned behind the content instead of on top of it, which is also causing it to ‘disappear’ when you try to move the mouse onto it. Answer: See http://jonathanstegall.com/2009/01/15/ie-z-index-bug-with-css-dropdown-menu/

CSS Rounded corners

Posted by & filed under CSS.

This works on Opera, Safari, FF and IE NB: make sure you download the link – don’t try and run it cross domain)

CSS gradients, or graduated tints

Posted by & filed under CSS.

Thanks to this link and this link. Here’s a useful tool for IE when you need rounded corners AND gradient tints http://www.pagecolumn.com/tool/roundcorner.htm

Conditional CSS

Posted by & filed under CSS.

If you want conditional CSS to be inside the external CSS file (which is really the best place for it) try http://www.conditional-css.com From here you can download a PHP class that builds your CSS file, allowing you to use simple conditional statements for blocks or single lines. This is definitely the time saver! Update PHP… Read more »

CSS Definition Lists

Posted by & filed under CSS.

Results: first item definition for first item in list second item definition for second item in list extending across more than one line third item definition for third item in list Here is a good link for styling Definition Lists: http://www.maxdesign.com.au/articles/definition/