Integrated Cards & Labels UK

[Toon]

Making a little bit more progress on my Integrated Labels UK site now I've got the domain sorted....

Integrated Cards & Integrated Labels UK

Still not got much text yet but I'm open for a bit of crit good or bad on the general layout, colours, type etc. (some pages are just clones on others at the moment).

Cheers

[zumojuice]

Seems to have gone down...

[Toon]

What error is it showing?

[zumojuice]

Oh wait, there it is. had to refresh to see it..

I'd perhaps reduce the size height-wise of your navigation bar and maybe just change the balance of background colour between the top and lower sections for contrast; keep the gradients, but make one a little slighter. Personal preference on both of those though. Looking good, nice work.

[zumojuice]

The top title text block seems to move to the left on the 'about intergrated labels page' - A minor thing really...

Your Css is beautiful. Though how do you have multiple link styles without adding a style into the link brackets?

[Toon]

Originally Posted by zumojuice

Your Css is beautiful. Though how do you have multiple link styles without adding a style into the link brackets?

How do you mean?

[zumojuice]

Originally Posted by Toon

How do you mean?

well if you define a:link, a:visited and a:hover, those change your links, but if you want to have two styles, such as those in the main body copy, and those else where on the page, you'd need to define those as a second link style

a.nav:link, a.nav:visited etc and then have <a class="nav" href="www..........

You've done it another way yar?

[Toon]

No they are all the same, they only change is in the footer where they have a dotted underline and a different colour.

[zumojuice]

Ok, so how are those in the footer coded differently?

[Toon]

They take on the state set in the footer container...

Integrated Cards & Integrated Labels UK

#footer { color: #fff; background-color: #262527; background-image: url(../images/Footer-Grad-Label.gif); background-repeat: repeat-x; text-align: justify; margin: 0; padding: 0; }
#footer-container
		{ min-height: 250px; background-color: transparent; font-size: 11px; line-height: 12px; margin: 0; padding: 0; }
#footer-container
		{height: 270px;}
#footer-container a
			{ color: #f3ecc4; text-decoration: none; margin: 0; padding: 0 0 0; border-bottom: 1px dotted #f3ecc4; }
#footer-container a:hover
			{ color: #d27005; text-decoration: none; margin: 0; padding: 0; border-bottom: 1px dotted #d27005; }