External links in css

Use the following code to indicate the difference between an external link and an internal link:

*Does not work in Internet Explorer 6 (I think) One for the future!

a[href^="http:"]{
selectors
}

a[href^="http:"]:visited{
selectors
}

a[href^="http:"]:hover{
selectors
}

a[href^="http:"]:active{
selectors
}

It can also be used for mailto:

a[href^="mailto:"]{
}

Best Web Gallery

Good resource for the best sites out there:

http://bestwebgallery.com/

Design Ideas

Things to remember for designs

diagonal stripes
dripping paint
folded corners
curled corners
silhouttes
badges
swirls in backgrounds
neon colours
list images
header images
worn edges/effects
image banners
styled buttons
cut edges
drop shadows
outside boundries
vertical text
multirow links
sunburts
teasers/visual signposts

Brushes and Swirls

A collection of different brushes for swirls etc for Photoshop and Illustrator:

http://www.easyelements.com/free-photoshop-brushes.html

Brands of the World

Good source for high resolution logos in eps format

http://www.brandsoftheworld.com/

CSS height and width bug fix

For bug in browsers on minimum width and height to allow for ie6

set the values in the css (same for width):

.css{height:200px; min-height:200px}

Goes out side the .css code:

html>body .css{height:auto}

same for width

Web page minimum width

Code used for setting the minimum width of a page:

min-width: 800px;
width:expression(documentElement.clientWidth < 800? "800px": "100%" );