[WSG] Horizontal Menu- Site Check
Hi all, I have a large site launch in a few days at a big show in Germany. Now I have the top menu with a 10-12px gap at the end which I cannot remove no matter what I do. Its only in IE (figures). If I try making it wider it breaks, and is perfect in FF. It has to be a padding issue but cannot figure it out. Page is fixed width, 770px. html and css is here: http://www.bkdesign.ca/menu.txt Site: http://69.94.122.44/new.php?/caribbean/category/antiqua/ If anyone has an idea it would be really appreciated. Bruce Prochnau BKDesign Solutions
Re: [WSG] Horizontal Menu- Site Check
Hi Bruce, I think you are looking in the wrong place. The issue is not with your menu!! It looks to me like your 3rd column is pushing the maincontainer out beyond it's intended width of 770px. Good luck!! Cheers Nathan - Original Message - From: Bruce To: wsg@webstandardsgroup.org Sent: Thursday, March 09, 2006 7:10 PM Subject: [WSG] Horizontal Menu- Site Check Hi all, I have a large site launch in a few days at a big show in Germany. Now I have the top menu with a 10-12px gap at the end which I cannot remove no matter what I do. Its only in IE (figures). If I try making it wider it breaks, and is perfect in FF. It has to be a padding issue but cannot figure it out. Page is fixed width, 770px. html and css is here: http://www.bkdesign.ca/menu.txt Site: http://69.94.122.44/new.php?/caribbean/category/antiqua/ If anyone has an idea it would be really appreciated. Bruce Prochnau BKDesign Solutions
Re: [WSG] Horizontal Menu- Site Check Fixed
Now I know why I never write in. Ten minutes after sending this I found the problem,,, rather fixed it. Overflow hidden on the wrapper did the trick, something was forcing the site wider. Spent hours not being able to fix it, write to the list and find it in ten minutes. Conclusion? Looks like the way to fix the unsolvable is to write to the group, even if no body answers the answer comes anyways lol Bruce - Original Message - From: Bruce To: wsg@webstandardsgroup.org Sent: Thursday, March 09, 2006 3:10 AM Subject: [WSG] Horizontal Menu- Site Check Hi all, I have a large site launch in a few days at a big show in Germany. Now I have the top menu with a 10-12px gap at the end which I cannot remove no matter what I do. Its only in IE (figures). If I try making it wider it breaks, and is perfect in FF. It has to be a padding issue but cannot figure it out. Page is fixed width, 770px. html and css is here: http://www.bkdesign.ca/menu.txt Site: http://69.94.122.44/new.php?/caribbean/category/antiqua/ If anyone has an idea it would be really appreciated. Bruce Prochnau BKDesign Solutions
Re: [WSG] Horizontal Menu- Site Check
On 3/9/06, Bruce [EMAIL PROTECTED] wrote: Hi all, Site: http://69.94.122.44/new.php?/caribbean/category/antiqua/ No help there right now, coz I'm at home and without access to IE, BUT... I do have a bug report for you. Firefox 1.0.x/Linux (and presumably on every other platform, and probably 1.5 also) your menubase.gif background for the Destinations menu (left column) really isn't working too well. I sized the text up and down and still couldn't get it to match the lines in the background image. You probably should seriously think about putting that background on the LI instead, because it's... moderately broken at the minute (I imagine it could/would also be broken in IE at non-default (or even default) text sizes, too). That aside, I like the site... especially the front page... nifty boxes! (Mind you, the smaller square content boxes are doing some funky stuff with enable/disable CSS with web developer's toolbar in Firefox... suffice to say you won't have too many people with that problem outside this list! ;-)) Josh ** 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] Horizontal Menu- Site Check
I noticed just after I posted that it wasn't the menu as front page was fine. Am checking widths Overflow hidden fixed, but that isn't really a fix. Thanks!! Bruce - Original Message - From: [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, March 09, 2006 3:24 AM Subject: Re: [WSG] Horizontal Menu- Site Check Hi Bruce, I think you are looking in the wrong place. The issue is not with your menu!! It looks to me like your 3rd column is pushing the maincontainer out beyond it's intended width of 770px. Good luck!! Cheers Nathan - Original Message - From: Bruce To: wsg@webstandardsgroup.org Sent: Thursday, March 09, 2006 7:10 PM Subject: [WSG] Horizontal Menu- Site Check Hi all, I have a large site launch in a few days at a big show in Germany. Now I have the top menu with a 10-12px gap at the end which I cannot remove no matter what I do. Its only in IE (figures). If I try making it wider it breaks, and is perfect in FF. It has to be a padding issue but cannot figure it out. Page is fixed width, 770px. html and css is here: http://www.bkdesign.ca/menu.txt Site: http://69.94.122.44/new.php?/caribbean/category/antiqua/ If anyone has an idea it would be really appreciated. Bruce Prochnau BKDesign Solutions
Re: [WSG] Horizontal Menu- Site Check
Joshua Street wrote: No help there right now, coz I'm at home and without access to IE, BUT... I do have a bug report for you. Firefox 1.0.x/Linux (and presumably on every other platform, and probably 1.5 also) your menubase.gif background for the Destinations menu (left column) really isn't working too well. I sized the text up and down and still couldn't get it to match the lines in the background image. You probably should seriously think about putting that background on the LI instead, because it's... moderately broken at the minute (I imagine it could/would also be broken in IE at non-default (or even default) text sizes, too). That aside, I like the site... especially the front page... nifty boxes! (Mind you, the smaller square content boxes are doing some funky stuff with enable/disable CSS with web developer's toolbar in Firefox... suffice to say you won't have too many people with that problem outside this list! ;-)) Josh ** Thanks Josh, I see the menu situation now thanks, will throw it into the li. I have no idea what you mean when disabling css and the boxes on main page, they are all background images in the stylesheet so when I disable styles they dont show... Feedback is appreciated thanks! This one was a big job and continuing but very close to releasable.. Bruce Prochnau BKDesign Solutions 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] Validate -nolayer?
I'm getting this and find nothing on a search: element nolayer undefined It's part of an existing site forms so have to keep it as far as I knowhow do you define nolayer? Thanks Bruce - Original Message - From: Bruce [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, March 09, 2006 5:04 AM Subject: Re: [WSG] Horizontal Menu- Site Check Joshua Street wrote: No help there right now, coz I'm at home and without access to IE, BUT... I do have a bug report for you. Firefox 1.0.x/Linux (and presumably on every other platform, and probably 1.5 also) your menubase.gif background for the Destinations menu (left column) really isn't working too well. I sized the text up and down and still couldn't get it to match the lines in the background image. You probably should seriously think about putting that background on the LI instead, because it's... moderately broken at the minute (I imagine it could/would also be broken in IE at non-default (or even default) text sizes, too). That aside, I like the site... especially the front page... nifty boxes! (Mind you, the smaller square content boxes are doing some funky stuff with enable/disable CSS with web developer's toolbar in Firefox... suffice to say you won't have too many people with that problem outside this list! ;-)) Josh ** Thanks Josh, I see the menu situation now thanks, will throw it into the li. I have no idea what you mean when disabling css and the boxes on main page, they are all background images in the stylesheet so when I disable styles they dont show... Feedback is appreciated thanks! This one was a big job and continuing but very close to releasable.. Bruce Prochnau BKDesign Solutions 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] Styling of input type=file
Dear WSG, for an input type=file we like to design the button and, if possible, the background-color for focus. Does anybody know how to do that? The link in the fieldset 'Upload a file to the W3C Validator.': http://www.webnauts.net/redesign/check.html Thanks in advance! All the best, Soeren ** 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] Announcing GrayBit v0.5 Beta
Mike at Green-Beast.com wrote: I didn't understand the cut-off thing you mentioned. I'm not seeing anything cut off. Could you elaborate, please. It's that 'AD: Contact Us...' image. Not much you can do about it, I guess. Georg -- http://www.gunlaug.no ** 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] div width: 100% with a div width 800px inside should always be 800px right?
On 3/9/06 3:20 PM, Joseph R. B. Taylor [EMAIL PROTECTED] wrote: Go to Al's site (projectvii.com?) and he has a nice javascript that checks for IE and handles the non-support of min-width by adding a width declaration at run-time. Can't you just do a conditional comment for IE, giving the element a width declaration, leaving min-width in the main style for real... er... I mean other browsers? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com ** 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] div width: 100% with a div width 800px inside should always be 800px right?
Thanks, I'll take a look. -Oorspronkelijk bericht- Van: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Namens Joseph R. B. Taylor Verzonden: donderdag 9 maart 2006 21:20 Aan: wsg@webstandardsgroup.org Onderwerp: Re: [WSG] div width: 100% with a div width 800px inside should always be 800px right? Go to Al's site (projectvii.com?) and he has a nice javascript that checks for IE and handles the non-support of min-width by adding a width declaration at run-time. Works great. Joseph R. B. Taylor Sites by Joe, LLC http://sitesbyjoe.com (609)335-3076 [EMAIL PROTECTED] J Verburgh wrote: Hi, I just encountered a problem with IE. I want to make this website look like it's divided in a top and a bottom half. But i want it to be atleast 800px wide. FireFox supports min-width, but IE doesn't support this. So, everything works great until the browser's width is less than 800px. I want the background to span the entire width of the screen. The setup is as follows: div [EMAIL PROTECTED] div [EMAIL PROTECTED] div float left Menu items /div div float left Page body/content /div /div /div !-- here should be a border spanning the width of the page and screen, dividing the page in a top and a bottom half -- div [EMAIL PROTECTED] div [EMAIL PROTECTED] Info body/content /div /div It appears like the div id=page and div id=info are being clipped to the width of the webbrowser, if it's 800px. Is there a way around this? Here's the website: http://www.verburgh.homeip.net/jc/ Here's an example of what i mean: http://www.verburgh.homeip.net/jc/example.jpg Thanks for your help. Sincerely yours, Jeroen ** 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] div width: 100% with a div width 800px inside should always be 800px right?
On 3/9/06 4:47 PM, J Verburgh [EMAIL PROTECTED] wrote: I would like to know if there's a way to make the wrapper-div, stop shrinking when it gets down to the inner-div -- which has a fixed width of 800px. Maybe this? http://www.positioniseverything.net/articles/sidepages/pie-calc.php HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com ** 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] div width: 100% with a div width 800px inside should always be 800px right?
This appears to work, thanks! Jeroen -Oorspronkelijk bericht- Van: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Namens Tom Livingston Verzonden: donderdag 9 maart 2006 23:29 Aan: wsg@webstandardsgroup.org Onderwerp: Re: [WSG] div width: 100% with a div width 800px inside should always be 800px right? On 3/9/06 4:47 PM, J Verburgh [EMAIL PROTECTED] wrote: I would like to know if there's a way to make the wrapper-div, stop shrinking when it gets down to the inner-div -- which has a fixed width of 800px. Maybe this? http://www.positioniseverything.net/articles/sidepages/pie-calc.php HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com ** 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] page break when printing
I have a page with about 20-30 div's each about 200-300px height. Unfortunately when printing they sometimes get divided between 2 pages... is there any way round this? Its for an internal thing, so it doesn't _have_ to work with IE, just FF will be fine, but IE'ness would be nice. Cheers, Jack ** 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] page break when printing
Look up page-break-before and page-break-after in google for explanations and how to use in your particular case. Joseph R. B. Taylor Sites by Joe, LLC http://sitesbyjoe.com (609)335-3076 [EMAIL PROTECTED] Jack Pivac wrote: I have a page with about 20-30 div's each about 200-300px height. Unfortunately when printing they sometimes get divided between 2 pages... is there any way round this? Its for an internal thing, so it doesn't _have_ to work with IE, just FF will be fine, but IE'ness would be nice. Cheers, Jack ** 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] page break when printing
Jack Pivac wrote: I have a page with about 20-30 div's each about 200-300px height. With that many, you may be overusing/abusing the div element. It's a common mistake, often referred to as div-mania (or something along those lines). You should probably try and find more semantic elements. Unfortunately when printing they sometimes get divided between 2 pages... is there any way round this? http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside -- Lachlan Hunt http://lachy.id.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 **
RE: [WSG] page break when printing
common mistake, often referred to as div-mania (or something along It's famous! http://en.wikipedia.org/wiki/Divitis ** 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] page break when printing
on 10/03/06 13:56 Lachlan Hunt said the following: I have a page with about 20-30 div's each about 200-300px height. With that many, you may be overusing/abusing the div element. It's a common mistake, often referred to as div-mania (or something along those lines). You should probably try and find more semantic elements. So in this case http://temp.delphinus.co.nz/tab/test.html What would you recommend instead? ** 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] page break when printing
I would think this is legitimate and semantic use of multiple div's anyone for bending the page-break-X rules a little?? At 01:57 PM 10/03/2006, Jack Pivac wrote: on 10/03/06 13:56 Lachlan Hunt said the following: I have a page with about 20-30 div's each about 200-300px height. With that many, you may be overusing/abusing the div element. It's a common mistake, often referred to as div-mania (or something along those lines). You should probably try and find more semantic elements. So in this case http://temp.delphinus.co.nz/tab/test.html What would you recommend instead? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Best Regards Ray Cauchi Manager/Lead Developer ( T W E E K ! ) PO Box 15 Wentworth Falls NSW Australia 2782 | p:+61 2 4757 1600 | f:+61 2 4757 3808 | m:0414 270 400 | e:[EMAIL PROTECTED] | w:www.tweek.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 **
Re: [WSG] Styling of input type=file
This element is generally 'unstylable' for security reasons; namely ensuring the user is aware of what they're doing. Did you search first? http://www.google.com/search?q=CSS+input+type%3D%22file%22start=0ie=utf-8oe=utf-8client=firefox-arls=org.mozilla:en-US:official The first result is about as good of write up as you're likely to find. On 3/10/06, Soeren Mordhorst [EMAIL PROTECTED] wrote: Dear WSG, for an input type=file we like to design the button and, if possible, the background-color for focus. Does anybody know how to do that? The link in the fieldset 'Upload a file to the W3C Validator.': http://www.webnauts.net/redesign/check.html Thanks in advance! All the best, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- http://leftjustified.net/ ~ Show me one user that actually needs a 'reset' button on a web form and I'll show you 50 that clicked it by mistake and left your site in disgust. :)
