Thank you for prompt and detailed response! #DSS#
-----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of russ - maxdesign Sent: Tuesday, April 12, 2005 4:40 PM To: Web Standards Group Subject: Re: [WSG] Background image in the mast head... 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 ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
