On 11 Jun 2004, at 17:07, Mike Pepper wrote:
Mary,
Firstly, welcome and well done for getting on with table-less design. Like
the nutty electric zebras :o)
You challenge is to do with padding on the image container. Simply set that
to 0 --
#banner { padding: 0; margin-bottom: 5px; }
(Incidentally, you don't need to specify what is zero. zero is zero, so you
won't need 0px, just 0.)
you can also kill the bottom margin if you want a flush fit with the body.
and then adjust your overall width down by 10px to compensate --
#container { width: 700px; \width: 720px; w\idth: 700px; ... }
Since the masthead contributes nothing to the accessibility of the page, you
may want to make it a background image to the banner div by sticking the
image reference in the CSS using --
#banner {
background: transparent url(../media/webheader.jpg) no-repeat top right;
padding: 0;
margin-bottom: 5px;
}
Have a good one,
Mike Pepper Accessible Web Developer www.seowebsitepromotion.com www.gawds.org
-----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mary Wright Sent: 11 June 2004 16:08 To: [EMAIL PROTECTED] Subject: [WSG] First table-free site
I'm new to this list and this is my first post. I'm trying to produce my first table-free website - tables have been my very dear friends in the past!
I used the CSS from http://www.inknoise.com/experimental/layoutomatic.php and it's going quite well except for one thing - there seems to be an extra 5px padding above and to the left of the image in the banner div - see www.zebragraphics.co.uk/newzebra/index.html. CSS is at www.zebragraphics.co.uk/styles/main.css. This is very much a work in progress so the links don't work yet, but can anyone tell me where I'm going wrong? Have checked in FF, Safari and IE5 for Mac, and FF and IE5 for windows - all have same result.
I tried validating the page before I posted this message, but was very confused by the results - there were 32 instances of: "end tag for meta ommited, but OMITTAG NO was specified"??? The end tags are certainly there. I don't know what OMITTAG NO means.
Any help would be much appreciated.
Thanks,
Mary Wright www.zebragraphics.co.uk
***************************************************** 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 *****************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
