Thanks to a few inspirational worlds over the last few nights, I have completed a few major changes to my site. This time without anymore HTML peeking!

Just one small portion of Mr Zeldman’s site fixed a lot of issues I have been having. Just one small area of Jeffrey Zeldman’s header section – the bit where the background changes but the image doesn’t. (If you hadn’t realised that, check it out!)
This is the CSS I produced using his CSS:

h1#header {
	text-indent: -9999px; overflow: hidden; 
	margin: 0; padding: 0; border: 0; 
h1#header a:link, 
h1#header a:visited { 
	display:block; height: 70px; 
	margin: 0 0 0 12px; padding: 0; border: 0; 
	background: transparent url(bg_head.gif) 50% 0 no-repeat; 
h1#header a:hover, 
h1#header a:visited:hover { 
	background: transparent url(bg_head.gif) 50% -111px no-repeat; 
h1#header a:visited {
	background: transparent url(bg_head.gif) 50% -222px no-repeat; 

I learnt so much just from this bit of code.
For instance, having the h1 in front of #header enables the CSS to work in both Mozilla Firefox and Internet Explorer. That’s what I initially thought. Then I realised that having the #element wrapping the a:link is what helped.

Therefore large chunks of both CSS and HTML on almost all the pages (there are only so many hours in the night!) around my site have now been amended using this style.

Check out all my portraits around the site, plus the READ MY BLOGLINES link on the home page. This method meant amending a lot of imagery – but that was good fun!

I wish I knew how to use Photoshop – but these are not to bad for Paintbrush XP and a few coughcrackedcough multimedia programs and Irfanview.

More tomorrow night.

Like it, loathe it, love it? Leave a message.

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Website Powered by

Up ↑

%d bloggers like this: