CSS tips and a really hand resource - stylizedweb.com

put simply this is a fantastic resource!
http://stylizedweb.com/

translation made EASY on the fly (firefox)

Wicked little add on for firefox,
BabelFish Instant Translation 1.91

set your translation language, set your own language, alt left click or double click or choose what you would prefer, highlight and bang! done!

Float objects - css

A useful reminder list of rules from another great article from Smashing Magazine
http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/

Following is a list of exact behaviours of floated elements according to CSS2 Specifications:

* A left-floated box will shift to the left until its leftmost margin edge (or border edge if margins are absent) touches either the edge of the containing block, or the edge of another floated box
* If the size of the floated box exceeds the available horizontal space, the floated box will be shifted down
* Non-positioned, non-floated, block-level elements act as if the floated element is not there, since the floated element is out of document flow
* Margins of floated boxes do not collapse with margins of adjacent boxes
* The root element (html)tag cannot be floated
* An inline element that is floated is converted to a block-level element

Considerations for people who are Colour Blind

An excellent website full of useful information about how web designers and developers can help people with colour blindness use their websites.
http://wearecolorblind.com/articles/quick-tips/

Also on the colour deficiency subject another very interesting website, with a colour deficiency simulator! http://www.colblindor.com/coblis-color-blindness-simulator/

Full of loveliness

Just stumbled across a nice site http://www.queness.com/ full of things like a set of inspiring headers and footers, tips and fixes and useful things.

IE 6 - comprehensive bug fix list

http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs

I don't need to say any more...

IE layout bug - adding borders fixes - zoom:1;

suffrin, huffrin, suffrin **!@##!! IE for CSS styling...

If adding borders fixes the problem for the display in IE then add the line
zoom:1;
to your css rule

go and google the "haslayout bug" for details.

Another great article about the dark side

Smashing magazine have done it again, I'm just about to embark on a design for a dark background website, and I find a brilliant article about all the points I should consider and great design tips.
http://www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/

Smashing Magazine - Pre website release check

Good article on Smashing Magazine, giving you 15 essential checks before launching your website.
http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/

CSS Margin Problems

Having margin problems....

Check your display:block; setting and see if its not block elements giving you grief...
change the offending item to display:inline;

CSS / XHTML 3 column layout, inc background img

I've just worked out a way to have longish background images in columns 1 & 3 while the content in column 2 defines how much the page extends.

Explanation:
Create a containing DIV for the whole width of the page between header and footers and add a class with the column 1 background image left aligned, use the ID for all the other styling.

Then inside the containing DIV add a content DIV (to include columns 2 & 3), again use a class to include the column 3 background image right aligned, and use the ID with a float: left; and positioning so the margins, padding and width ensure the content area doesn't overwrite the background image on on column 3.

To fix the margin errors that cause IE6 to display things all skeewiff, use an IE 6 fix style sheet.

I haven't finished yet, so this might not work, but I'm pretty hopeful so far!