There are so many ways to do this but I would not use a spacer gif. One way you could go is:
HTML <div id="masthead"> <a href="http://mysite.com";><span>My Site</span></a> </div> CSS #masthead { width: 750px; height: 100px; background: blah... } #masthead a { display: block; width: 750px; height: 100px; } #masthead span { position: absolute; left: -500px; width: 500px; } Be warned, this was written quickly without any checking, so be careful :) The advantage with this method is that for non-css users they will get your text. Also, when you go to print it you can use this text version if you need to, instead of a background image. There is also another advantage. You can set the a element to any size - it does not need to be the entire size of the banner - you could have it only the size of a logo within the banner image. So, in some ways this method gives you a good degree of flexibility. However, like all methods there are good and bad. Worth looking at a range of them and deciding what is right for your needs. Russ > Over the last few days I have encountered some sites that use something > similar to the code below: > > div id="masthead"> > <a href="http://mysite.com";><img src="img/spacer.gif" > width="750" height="100" border="0" alt="" /></a> > </div> > ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
