Re: [WSG] Link underlines in MSIE - amended
Peter, Thanks very much for the suggestion of a grey border on the other link styles - you're right, it looks good. I finally realised what was causing the bouncing; I had "padding-bottom: 2px" on the hover state, but not on active or visited - d'oh!! I'll get the hang of this one day... Mary On 10 Oct 2005, at 16:43, Peter Goddard wrote: Mary Do you have a border on the a:link element? I think the bouncing is because all the link styles should have bottom border (even if the color is transparent) although a pale gray would look nice, which goes darker on rollover. #navlist a { text-align: left; margin-right: 10px; display:block; float:left; } #navlist a:link, #navlist a:visited { border-bottom: 2px solid transparent; } #navlist a:hover, #navlist a:active { border-bottom: 2px solid #color of your choice; } HTH Peter -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: 10 October 2005 16:11 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Link underlines in MSIE - amended Ah, the logo has appeared again now. Image is still jumping, tho'. Mary On 10 Oct 2005, at 15:23, Graham Cook wrote: You need to change your " navlist a " as follows #navlist a { text-align: left; margin-right: 10px; display:block; float:left; } Graham Cook UA Oz -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: Monday, 10 October 2005 11:41 PM To: wsg@webstandardsgroup.org Subject: [WSG] Link underlines in MSIE Hi, I'm starting a new website and have a border-bottom style on the a:hover menu links. It works perfectly in Safari but doesn't show up at all in MSIE on the PC. Would a kind person take a look and tell me where I'm going wrong? The page is at www.zebragraphics.co.uk/porge, css at www.zebragraphics.co.uk/porge/css/basic.css. Both validate. Many thanks, Mary ** 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 ** ** 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 **
Re: [WSG] Link underlines in MSIE - amended
Ah, the logo has appeared again now. Image is still jumping, tho'. Mary On 10 Oct 2005, at 15:23, Graham Cook wrote: You need to change your " navlist a " as follows #navlist a { text-align: left; margin-right: 10px; display:block; float:left; } Graham Cook UA Oz -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: Monday, 10 October 2005 11:41 PM To: wsg@webstandardsgroup.org Subject: [WSG] Link underlines in MSIE Hi, I'm starting a new website and have a border-bottom style on the a:hover menu links. It works perfectly in Safari but doesn't show up at all in MSIE on the PC. Would a kind person take a look and tell me where I'm going wrong? The page is at www.zebragraphics.co.uk/porge, css at www.zebragraphics.co.uk/porge/css/basic.css. Both validate. Many thanks, Mary ** 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 **
Re: [WSG] Link underlines in MSIE
Thanks for your help, Graham. The border-bottom rules appear now, but the logo has disappeared and the banner image jumps when I mouse over the links. Any ideas? Mary On 10 Oct 2005, at 15:23, Graham Cook wrote: You need to change your " navlist a " as follows #navlist a { text-align: left; margin-right: 10px; display:block; float:left; } Graham Cook UA Oz -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: Monday, 10 October 2005 11:41 PM To: wsg@webstandardsgroup.org Subject: [WSG] Link underlines in MSIE Hi, I'm starting a new website and have a border-bottom style on the a:hover menu links. It works perfectly in Safari but doesn't show up at all in MSIE on the PC. Would a kind person take a look and tell me where I'm going wrong? The page is at www.zebragraphics.co.uk/porge, css at www.zebragraphics.co.uk/porge/css/basic.css. Both validate. Many thanks, Mary ** 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 **
[WSG] Link underlines in MSIE
Hi, I'm starting a new website and have a border-bottom style on the a:hover menu links. It works perfectly in Safari but doesn't show up at all in MSIE on the PC. Would a kind person take a look and tell me where I'm going wrong? The page is at www.zebragraphics.co.uk/porge, css at www.zebragraphics.co.uk/porge/css/basic.css. Both validate. Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Site which only works in IE?
The most immediate problem is that the container that wraps around the two floated columns is not showing. This is easily fixed by clearing the floated items. More here with explanation and some possible solutions: http://www.maxdesign.com.au/presentation/workshop/slide38.cfm HTH Russ overflow: auto did the trick. Many thanks, Russ ** 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 **
[WSG] Site which only works in IE?
Good morning, I'm working on the first three pages of a new website, www.zebragraphics.co.uk/tcs, which seems to only work properly in PC IE6 and breaks in Firefox (PC & Mac) and IE5, Safari and Camino on the Mac. I'm used to this being the other way around... There are working links to the 2 other pages, about.html and contact.html, the rest are unfinished and not yet uploaded. I've used 3 stylesheets, first.css which applies to the home page only, and main.css and second.css which will cover the rest of the site. (These differ only slightly, and will be chosen for each page depending on whether the navigation or content has the greater length) They are at www.zebragraphics.co.uk/tcs/styles/... The html and css all validates, except for some errors relating to a form on contact.html, (which I'm still working on) but I don't think that has any direct bearing here. Can anyone tell me what changes I need to make to please the other browsers? Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] when navigation schemes go bad.
Ted, Do you have a URL for a page that show's this in action? Mary On 12 May 2005, at 17:35, Drake, Ted C. wrote: For what it's worth, I thought this style sheet might be interesting. We have a navigation that can be as deep as three nested elements. This style sheet is imported as nav.css. Each body is given a series of class elements (class="sub1 sub1sub1 asub1sub1") or something similar, depending on where the page sits in the navigation list. [on v2, I changed sub1 to nav1 which is a better description for the top-level] The following styles open, close the nested elements, highlight the current page, show who the parent element is via color, etc. It took forever to create, but I kind of like it now, if for no other reason that trying to impress co-workers with the overwhelming logic. Of course, they say, why couldn't we just put a style in the head of each page. Yeah, sure, go the easy route. Apologies in advance if this message is too long for your mailbox. Take a deep breath. /* persistant navigation ===*/ #navigation {background-color:#28455B;} #mainnav {background:#29475d; width:182px; list-style-type:none;padding:10px 0 10px 7px;} #mainnav li {list-style-type:none; margin:0 0 -1px 0; padding:0;} #mainnav li a {display:block; border-top:1px solid #fff; padding-right:5px; padding-left:5px; text-decoration:none; font-weight:bold!important; color:#fff; background:#0b73c1; } #mainnav li a:hover {background-color:#fff; color:#000; } #mainnav li ul li a {background-color:#7fc4f7; color:#333; padding-left:15px;} #mainnav li ul li ul li a {background-color:#C7E7FF; color:#333; padding-left:30px;} #mainnav li ul, #mainnav li ul li ul, #mainnav li ul li ul li ul {display:none;} /* show sub on hover, this is annoying with long lists #mainnav li:hover ul, #mainnav li ul li:hover ul, #mainnav li ul li ul li:hover ul {display:block;}*/ /* open submenus */ .sub1 #sub1 ul, .sub2 #sub2 ul, .sub3 #sub3 ul, .sub4 #sub4 ul, .sub5 #sub5 ul, .sub6 #sub6 ul, .sub7 #sub7 ul, .sub8 #sub8 ul, .sub9 #sub9 ul, .sub10 #sub10 ul, .sub11 #sub1 ul {display:block;} /* keep their sub menus closed */ .sub1 #sub1 ul li ul, .sub2 #sub2 ul li ul, .sub3 #sub3 ul li ul, .sub4 #sub4 ul li ul, .sub5 #sub5 ul li ul, .sub6 #sub6 ul li ul, .sub7 #sub7 ul li ul, .sub8 #sub8 ul li ul, .sub9 #sub9 ul li ul, .sub10 #sub10 ul li ul, .sub11 #sub1 ul li ul{display:none;} /* open sub sub menus */ .sub1sub1 #sub1sub1 ul, .sub1sub2 #sub1sub2 ul, .sub1sub3 #sub1sub3 ul, .sub1sub4 #sub1sub4 ul, .sub1sub5 #sub1sub5 ul{display:block!important;} .sub2sub1 #sub2sub1 ul, .sub2sub2 #sub2sub2 ul, .sub2sub3 #sub2sub3 ul, .sub2sub4 #sub2sub4 ul, .sub2sub5 #sub2sub5 ul{display:block!important;} .sub3sub1 #sub3sub1 ul, .sub3sub2 #sub3sub2 ul, .sub3sub3 #sub3sub3 ul, .sub3sub4 #sub3sub4 ul, .sub3sub5 #sub3sub5 ul{display:block!important;} .sub4sub1 #sub4sub1 ul, .sub4sub2 #sub4sub2 ul, .sub4sub3 #sub4sub3 ul, .sub4sub4 #sub4sub4 ul, .sub4sub5 #sub4sub5 ul {display:block!important;} .sub5sub1 #sub5sub1 ul, .sub5sub2 #sub5sub2 ul, .sub5sub3 #sub5sub3 ul, .sub5sub4 #sub5sub4 ul, .sub5sub5 #sub5sub5 ul {display:block!important;} .sub6sub1 #sub6sub1 ul, .sub6sub2 #sub6sub2 ul, .sub6sub3 #sub6sub3 ul, .sub6sub4 #sub6sub4 ul, .sub6sub5 #sub6sub5 ul{display:block!important;} .sub7sub1 #sub7sub1 ul, .sub7sub2 #sub7sub2 ul, .sub7sub3 #sub7sub3 ul, .sub7sub4 #sub7sub4 ul, .sub7sub5 #sub7sub5 ul{display:block!important;} .sub8sub1 #sub8sub1 ul, .sub8sub2 #sub8sub2 ul, .sub8sub3 #sub8sub3 ul, .sub8sub4 #sub8sub4 ul, .sub8sub5 #sub8sub5 ul{display:block!important;} .sub9sub1 #sub9sub1 ul, .sub9sub2 #sub9sub2 ul, .sub9sub3 #sub9sub3 ul, .sub9sub4 #sub9sub4 ul, .sub9sub5 #sub9sub5 ul{display:block!important;} .sub10sub1 #sub10sub1 ul, .sub10sub2 #sub10sub2 ul, .sub10sub3 #sub10sub3 ul, .sub10sub4 #sub10sub4 ul, .sub10sub5 #sub10sub5 ul {display:block!important;} .sub11sub1 sub11sub1# ul, .sub11sub2 #sub11sub2 ul, .sub11sub3 #sub11sub3 ul, .sub11sub4 #sub11sub4 ul, .sub11sub5 #sub11sub5 ul {display:block!important;} .sub12sub1 #sub12sub1 ul, .sub12sub2 #sub12sub2 ul, .sub12sub3 #sub12sub3 ul, .sub12sub4 #sub12sub4 ul, .sub12sub5 #sub12sub5 ul{display:block!important;} /*Give the Parent levels a lighter shade of blue and black text */ .sub1 #sub1 a, .sub2 #sub2 a, .sub3 #sub3 a, .sub4 #sub4 a, .sub5 #sub5 a, .sub6 #sub6 a, .sub7 #sub7 a, .sub8 #sub8 a, .sub9 #sub9 a, .sub10 #sub10 a, .sub11 #sub1 a {background-color:#7fc4f7; color:#000;} .sub1sub1 #sub1sub1 a, .sub1sub2 #sub1sub2 a, .sub1sub3 #sub1sub3 a,
Re: [WSG] site check/comments please
Bob, Nice site. All works well in IE Mac, FF, Camino and Safari. Should the list of Contributors be a instead of ? Mary On 9 May 2005, at 12:05, designer wrote: Good day, I am upgrading a site to standards etc and would be grateful for any feedback/suggestions etc, and confirmation from MAC folk that it works OK. It isn't quite finished (two of the contributor links don't work yet - I'm working my way through them) but most of it is in place. The site is temporarily at www.treyarnon.com/wg/ Thanks for your time Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.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 **
Re: Betr.: [WSG] Urgent navigation problem
Thank you, thank you, thank you, thank you! I must have accidentally deleted it during a revision. Mary On 28 Apr 2005, at 10:42, Gerard Copinga wrote: Hi Mary, validate your stylesheet (CSS) and see that there is a problem with your announcement-style: .announcement { text-align: center; It isn't closed with a } , so eveything below may not work correctly including the styles for the menu. In Firefox the menu doesn't work on the homepage either, so it is consistent. So, fix your stylesheet and see what happens. Gerard Stichting Bartiméus Accessibility Informatie, voorlichting, onderzoek en training Utrechtseweg 84 3702 AD Zeist (The Netherlands) Tel: +31 (0)30 - 6982401 Fax: +31 (0)30 - 6982388 WWW: www.accessibility.nl Zie voor disclaimer onze website: www.accessibility.nl/algemeen/disclaimer Read our disclaimer on the website : www.accessibility.nl/algemeen/disclaimer ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Urgent navigation problem
I've just removed the table from the home page to see if that would be a temporary solution but it didn't work. Now there's a new problem - if you look at www.ragamuffinbridal.co.uk/pages/resale.html, you'll see a table of dress details. Each cell should have a pink border, but suddenly they've disappeared. What's going on? Mary On 28 Apr 2005, at 10:22, Mary Wright wrote: Can someone help me with a site I'm working on at www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in the other pages, the navigation style disappears. It's the same in all pages when looked at in other PC and Mac browsers. Everything was fine until I just updated the home page with a table (Yes, I know I shouldn't...) to accommodate the sale button. What have I done wrong? This is a live site so if anyone can help me correct things before the client has a fit, I'd be really grateful! CSS is at www.ragamuffinbridal.co.uk/styles/first.css Mary ** 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 **
[WSG] Urgent navigation problem
Can someone help me with a site I'm working on at www.ragamuffinbridal.co.uk. The home page is fine in IE for PC, but in the other pages, the navigation style disappears. It's the same in all pages when looked at in other PC and Mac browsers. Everything was fine until I just updated the home page with a table (Yes, I know I shouldn't...) to accommodate the sale button. What have I done wrong? This is a live site so if anyone can help me correct things before the client has a fit, I'd be really grateful! CSS is at www.ragamuffinbridal.co.uk/styles/first.css Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] PC IE problem
I've produced a simple 3-page website which appears as intended on Safari, Firefox, Camino and even (gasp!) IE 5.2 for Mac, also Firefox and Mozilla for PC, but not IE6 for PC. If you look at www.startwelllearning.co.uk/catalogue.html, you'll see the problem with the right-hand margin. The other 2 pages appear to be OK. The CSS is at www.startwelllearning.co.uk/styles/first.css and both it and the html validate. Any help would be much appreciated. Thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Missing margin
Hi, Another problem with www.ragamuffinbridal.co.uk (css at www.ragamuffinbridal.co.uk/styles/first.css). In the navigation list, there's no left-hand margin on the "Home" button in IE6 PC, (seems fine on Mac browsers) and it's throwing out the alignment with the right-hand side of the banner. Any ideas anyone? Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Vertical centering
Hi, I have another site with a small problem I'm unable to solve. I've put an 'announcement box' near the foot of the page at www.ragamuffinbridal.co.uk (css at www.ragamuffinbridal.co.uk/styles/first.css). The text looks vertically centred in IE5, Firefox, Safari and Camino on the Mac, but again there's a problem in IE6 PC. I'm not sure if the text has shifted to the top or bottom (no PC here at the moment) but as the client has asked for it to be centred, it must be wrong. How do I fix this? XHTML and CSS validate. Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Page not centred in PC IE 6
Hi, I'm working on a new 3 page website at www.zebragraphics.co.uk/startwell/index.html, (css is at www.zebragraphics.co.uk/startwell/styles/first.css). The container and wrapper divs should be centred in the browser window and that's how it looks in IE5, Safari, Firefox and Camino on the Mac, but in IE6 for PC everything shifts to the left in the browser. Can anyone tell me why this is happening and how I can correct it? Both the xhtml and CSS validate. Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Unwanted extra space
I'm just started working on my third table-free website and I'm trying to pay attention to standards but I'm stumped by a couple of spacing details and would appreciate some help. See www.zebragraphics.co.uk/ragamuffin. CSS is at www.zebragraphics.co.uk/ragamuffin/styles/main.css First, I have extra space above and below the banner image - I just want 10px space, same as at the sides. Second, I've added a 15px top margin to the content div to get some space between the navigation and first heading, but IE6 Windows seems to add more. I know, it's Windows, but why this is happening? Last, IE5.3 Mac adds some white space below the footer, ie between the footer background colour and the container div border. That's it for now except for a very important disclaimer: I did NOT choose the name for this company! :-) Many thanks, Mary ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Help Testing site on Mac - IE & Safari
Very nice. All looks good in Safari 1.2.2 and IE5.2. Mary On 8 Jul 2004, at 08:09, Luke Moulton wrote: Hi Group, If anyone with a Mac has a spare sec, would you mind taking a quick look at this site template and letting me know if there are any major rendering probs in Mac (IE 5+ and Safari). http://acson.go4.gotdns.com/ The sites is XHTML Transitional and has been tested in IE 5.5+, Opera 7 & Firefox 0.7. Many many thanks in advance. Cheers, Luke W www.go4.com.au E [EMAIL PROTECTED] P 03 9530 6658 F 03 9530 6435 M 0418 893 116 PO Box 147 Sandringham VIC 3191 Location 14B Warleigh Grv Brighton VIC 3186 * 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 *
Re: [WSG] hand coding versus code generators
I have a print design background so I started producing websites using GoLive because the layout and preview modes felt like a more familiar work environment. As I've gained more experience and knowledge I've found I use the source code view much more (and understand what I'm looking at!). Mary On 5 Jul 2004, at 11:49, simon @ london web mill wrote: Im a new boy to the discussion group. Pointed in this direction by Jeffery Zeldman's 'Designing with Web Standards'. I must say Web Standards has been a 'breathe of fresh air' for me. Its the way forward, for sure. What Im not so sure about is using a code generator eg. Dreamweaver. Ive always hand coded my HTML, javascript, ASP, SQL etc using a text editor (past 4 years). What do people think about hand coding versus code generators? What percentage of developers totally hand code, use both, use only code generators? regards Simon
[WSG] First table-free site - part 2
Thanks to the help of other list members, my new website is coming along nicely, but now I have another question. See www.zebragraphics.co.uk/newzebra/pages/brochures/babtaca5.html for a sample page from the portfolio section of the site. I have tried and failed to come up with a way of putting the caption text to the right of the BABTAC image, within the content div. For now, I've put the text beneath the navigation buttons in the sidebar div, but I'm not really happy with it being there; to the right of the image seems a more appropriate place. So, can anyone tell me how/if I can put the text where I want it and, ideally, continue to have the whole page centred within the browser window? CSS here: www.zebragraphics.co.uk/styles/main.css Thanks, Mary 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 *
Re: [WSG] First table-free site
You know, I wondered if it was something to do with the box model hack thingy - I'm just not nearly confident enough yet in my CSS skills (or lack of them) to know what I can safely leave out. Thanks, Mary On 11 Jun 2004, at 17:15, Nick Gleitzman wrote: On Saturday, June 12, 2004, at 01:58 AM, Iain Gardiner wrote: I've had a look at the site and CSS (nice-looking by the way) and although I am pretty poor at analysing other people's problems, I think it might come down to theis rule: #sidebar-a { float: left; width: 100px; \width: 110px; /* Try removing this line */ w\idth: 100px; /* And this one */ margin: 0; margin-right: 5px; padding: 5px; background-color: rgb(235, 235, 235); } I assume you want it to be just 100px in width, but in Firefox at least it is being rendered as 110px. To my mind this would explain the extra 5px at either side of the logo. Try without the lines I've indicated above and see if that makes a difference. If Iain's right (and I think he almost is), you should do the same for the width declarations for div#container as well. Not sure that you've got the hack right - IE5 can still see the \width declaration with the leading slash. The w\idth declaration will work for IE5 if the width needs to be different, but it's not complete See http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html for full info on this simplified version of the Box Model hack... Nick ___ Omnivision. Websight. http://www.omnivision.com.au/ * 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 *
Re: [WSG] First table-free site
Wow! I'm overwhelmed - many thanks to all who responded - my page is looking good now. Just another 30 or so to do...! 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 *
[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 *