RE: [WSG] No style
To be honest I don't care if it takes the style of the browser, I did not want it to take the other styles defined. I am thinking I will be using an iframe, which should do the trick. Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 1 February 2006 1:33 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] No style On 1/31/06, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Is there any way to specify in CSS that a certain area is to have no style at all. All browsers have a default style sheet, and there's differences between the default styles in different browsers, so there's no such thing as 'no style'. The closest you'll get is to specify the same padding, margins, font etc as your most common browser displays when no author styles are specified. -- Kay Smoljak http://kay.zombiecoder.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] No style
Is there any way to specify in CSS that a certain area is to have no style at all. Let's say I have my global style sheet where I style my ph1 etc. but on one page I have a div with id #editableArea I want that div to have no style applied that is defined in the style sheet, is that possible? Thanks, Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
[WSG] [OT] Flyout Menu (Semantically correct plus more ...)
Dear all, I posted a message a while ago in regards to a _javascript_ fly out menu, received lot's of feedback and links, thanks. I had a look at all the options and found all of them were very bulky in code and very difficult to understand, exceptto the programmer who created it. Also none were very easily customisable or semantically correct, or only had two levels or a fixed number of levels deep. I have since sat down and wrote down some ideas and have programmed some of it, so far it's about 50 lines of _javascript_ and working well with some things still to be implemented and improved on. The reason I am writing to this list is because I am hoping there are some people out there who would like to assist with making this product cross-browser, improve and assist in further development, make sure it stays semantically correct, work some fancy CSS into it and help with fixing up the _javascript_ so it will be stable. I'd like to make this product available to the public for free once finished, so the only thing in it for youwould be the credit you receive for helping out and being part of something great. If this does not appeal to anyone, then I am also willing to actually pay someone to help out with the above and make the product commercially available. Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] [OT] Flyout Menu (Semantically correct plus more ...)
I could be completely wrong here, and I am sure you will tell me so if that's the case. But I would think that a menu that has sub menus would need to be displayed as the following for it to be semantically correct; ol li a href=#/a ol li a href=#/a ol li a href=#/a /li /ol /li /ol /li /ol Am I wrong? As for pointing out the ones that aren't, I won't go there. Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Al Sparber Sent: Thursday, 19 January 2006 10:48 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] [OT] Flyout Menu (Semantically correct plus more ...) From: Taco Fleur - Pacific Fox [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, January 18, 2006 6:59 PM Subject: [WSG] [OT] Flyout Menu (Semantically correct plus more ...) I had a look at all the options and found all of them were very bulky in code and very difficult to understand, except to the programmer who created it. Also none were very easily customisable or semantically correct, or only had two levels or a fixed number of levels deep. Just out of curiosity, can you explain which menus are sematically incorrect and why? Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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] [OT] Flyout Menu (Semantically correct plus more ...)
This one http://www.brothercake.com/dropdown/ looks absolutely excellent. Can't judge the code, don't like the price. Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Al Sparber Sent: Thursday, 19 January 2006 11:17 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] [OT] Flyout Menu (Semantically correct plus more ...) From: Taco Fleur - Pacific Fox [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, January 18, 2006 8:02 PM Subject: RE: [WSG] [OT] Flyout Menu (Semantically correct plus more ...) I could be completely wrong here, and I am sure you will tell me so if that's the case. But I would think that a menu that has sub menus would need to be displayed as the following for it to be semantically correct; ol li a href=#/a ol li a href=#/a ol li a href=#/a /li /ol /li /ol /li /ol Am I wrong? As for pointing out the ones that aren't, I won't go there. ULs convey meaning also - perhaps better than OLs. However, there are flyout menus that don't use contiguous lists and they can be good, too. An example would be Opera's menu: http://www.opera.com or our Tab Bar menu: http://projectseven.com/products/menusystems/tbm/index.htm Two of the most often recommended commercial menu tools use contiguous lists: 1. http://www.brothercake.com/dropdown/ 2. http://projectseven.com/products/menusystems/pmm/index.htm And for basic, single level menus, where enhancements or usability features are not required, there is the infamous Suckerfish menu. http://www.htmldog.com/articles/suckerfish/dropdowns/ All in all, there are lots of poorly designed menu systems (I won't name names either), but there are some good ones. In terms of both standards and accessibility, this article might interest you: http://projectseven.com/tutorials/accessibility/pop_integrated /index.htm -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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] CSS or JavaScript flyout menu
I am looking for some ideas on how to create a _javascript_/CSS fly-out menu, the dreaded day has come that a client finally insisted on using one! I need to custom write it because it needs to be integrated with a CMS.I started working on the structure (see below)I'd like to generate the menu from, but that's where it ended. Has anyone got some ideas code samples etc.? Any help would be much appreciated. var menu = new Object(); menu[ "about_bdsrecruit" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "vision_mission" ][ "link" ] = "/about/bdsrecruit/vision/"; menu[ "about_bdsrecruit" ][ "history" ] = new Object(); menu[ "about_bdsrecruit" ][ "history" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "history" ][ "link" ] = "/about/bdsrecruit/history/"; menu[ "about_bdsrecruit" ][ "training" ] = new Object();menu[ "about_bdsrecruit" ][ "training" ][ "value" ] = "Training";menu[ "about_bdsrecruit" ][ "training" ][ "link" ] = "/about/bdsrecruit/training/"; menu[ "about_bdsrecruit" ][ "the_people" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "value" ] = "The People";menu[ "about_bdsrecruit" ][ "the_people" ][ "link" ] = "/about/bdsrecruit/people/"; menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "value" ] = "Staff Profiles";menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "link" ] = "/about/bdsrecruit/profile/"; -- Taco Fleur - http://www.pacificfox.com.au Web Design, Web development, Graphic Design and Complete Internet Solutionsan industry leader with commercial IT experience since 1994 Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] CSS or JavaScript flyout menu
PS. it needs to be able to accommodate several sub links. Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Wednesday, 11 January 2006 3:34 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] CSS or _javascript_ flyout menu I am looking for some ideas on how to create a _javascript_/CSS fly-out menu, the dreaded day has come that a client finally insisted on using one! I need to custom write it because it needs to be integrated with a CMS.I started working on the structure (see below)I'd like to generate the menu from, but that's where it ended. Has anyone got some ideas code samples etc.? Any help would be much appreciated. var menu = new Object(); menu[ "about_bdsrecruit" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "vision_mission" ][ "link" ] = "/about/bdsrecruit/vision/"; menu[ "about_bdsrecruit" ][ "history" ] = new Object(); menu[ "about_bdsrecruit" ][ "history" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "history" ][ "link" ] = "/about/bdsrecruit/history/"; menu[ "about_bdsrecruit" ][ "training" ] = new Object();menu[ "about_bdsrecruit" ][ "training" ][ "value" ] = "Training";menu[ "about_bdsrecruit" ][ "training" ][ "link" ] = "/about/bdsrecruit/training/"; menu[ "about_bdsrecruit" ][ "the_people" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "value" ] = "The People";menu[ "about_bdsrecruit" ][ "the_people" ][ "link" ] = "/about/bdsrecruit/people/"; menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "value" ] = "Staff Profiles";menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "link" ] = "/about/bdsrecruit/profile/"; -- Taco Fleur - http://www.pacificfox.com.au Web Design, Web development, Graphic Design and Complete Internet Solutionsan industry leader with commercial IT experience since 1994 Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] CSS or JavaScript flyout menu
I had a look at Suckerfish Dropdowns but it seems to go only one level deep, I need several levels deep. Kind regards, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lachlan Hunt Sent: Wednesday, 11 January 2006 5:02 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS or JavaScript flyout menu Taco Fleur - Pacific Fox wrote: I am looking for some ideas on how to create a JavaScript/CSS fly-out menu, the dreaded day has come that a client finally insisted on using one! ... var menu = new Object(); menu[ about_bdsrecruit ] = new Object(); Yikes! Don't generate a menu like that, it's a waste of time. Markup: ul lia href=#Item 1/a/li liItem 2 ul liSubmenu item 1/li liSubmenu item 2/li liSubmenu item 3/li /ul /li liItem 3/li /ul Make them all links if you like, I just omitted the a elements for simplicity. CSS: li ul { display: none; } li:hover ul { display: block; } /* Plus whatever styles you want to make it look good and layout correctly. */ JS: Attach mouseover and mouseout event listeners to the li elements to show and hide the sub menus. Google for Pure CSS Menus, Suckerfish Dropdowns CSS/JS menus or similar search terms. -- 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 ** ** 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] absolute positioned a not where it should be
Didn't see my first message hit the list so I thought I'd try again, excuses if it did arrive the first time. Is anyone able to tell me why in Internet Explorer the "read more..." link is not positioned where it should be? The li itemis positioned relative, the a link itself is positioned absolute, right: 0; top: 0; which should place it to the border of the li item not outside the ol item, in FireFox it looks good but not in IE. Link:http://testing.pacificfox.com/price/ CSS:http://testing.pacificfox.com/_resource/css/default.css Any help much appreciated. PS. it validates.. Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] absolute positioned a not where it should be
Hi Lynne, thanks a million, and I not familiar with conditional statements, are you able to give me an example? Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lynne PopeSent: Saturday, 7 January 2006 12:03 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] absolute positioned a not where it should be The li triggers white space issues in IE. You will need to add some conditional statements to insert an IE workaround for this issue.Cheers,Lynne On 1/7/06, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Didn't see my first message hit the list so I thought I'd try again, excuses if it did arrive the first time. Is anyone able to tell me why in Internet Explorer the "read more..." link is not positioned where it should be? The li itemis positioned relative, the a link itself is positioned absolute, right: 0; top: 0; which should place it to the border of the li item not outside the ol item, in FireFox it looks good but not in IE. Link:http:// testing.pacificfox.com/price/ CSS:http:// testing.pacificfox.com/_resource/css/default.css Any help much appreciated.
RE: [WSG] absolute positioned a not where it should be
Thanks, so this conditional style will only work in Internet Explorer is that right? Sorry, just never used anything like this, if something didn't work I just did it another way, never implemented a hack for something. Question; is there some reading material in regards to this problem that I am having that you know off? Kind regards, Taco Fleur - Chief Executive Officer Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerry® Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lynne Pope Sent: Saturday, 7 January 2006 1:08 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] absolute positioned a not where it should be Conditional statements are, in my opinion, the best way to handle IE hacks (especially with the likely introduction of more problems to deal with when IE7 is released). You can just take the route of adding IE hacks into your css if you are not familiar with the if, then, else types of conditional scripting. An example conditional statement is: !--[if IE] style /style ![endif]-- - with your IE styling included between the tags. Note: you put this into the pages either by hardcoding or calling through an include. I hope this helps. Lynne On 1/7/06, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Hi Lynne, thanks a million, and I not familiar with conditional statements, are you able to give me an example? Kind regards, Taco Fleur - Chief Executive Officer Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … Web Design andDevelopment SMS Solutions, including developerAPI Domain Registration, .COM for aslow as fifteen dollars a year, .COM.AU for fifty dollars twoyears! BlackBerry(r) BusinessSolutions www.OzBlackBerry.com We endorse PayPal, acceptpayments online now! Seamless Merchantintegration NŠ²žµ†ÿnv¢®y¶Áµj‚¦þ—‰Šq¢™žž¶¶z¶¶… ** 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] absolute positioned a not where it should be
Is anyone able to tell me why in Internet Explorer the "read more..." link is not positioned where it should be? The li itemis positioned relative, the a link itself is positioned absolute, right: 0; top: 0; which should place it to the border of the li item not outside the ol item, in FireFox it looks good but not in IE. Link: testing.pacificfox.com/price/ CSS: testing.pacificfox.com/_resource/css/default.css Any help much appreciated. PS. it validates.. Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
[WSG] Looking for semantically correct solution
On www.brisbane-webdesign.com there are two background imageson the page, both included within the mark-up instead of in the CSS as a background. The reason for doing this is so that the background stretches when the browser is resized, what I wonder is; is there a better way to do this? Also, whydoes the mark-up provided by W3C for the Valid HTML img (see bottom of the page)have a p element? Surely it is not a paragraph, is it? Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] Looking for semantically correct solution
Hmm, aah ok, so you are saying, the p tag is for the alternate text, I guess that could make sense, never though about it that way. thanks Kind regards, Taco Fleur - Chief Executive Officer Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration ** 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] A little help with a charity site please
Title: Message I can't seem to figure out why there is a pixel opening between the top graphic and the next www.raokonline.com www.raokonline.com/_resource/style/default.css I also cannot get the transparency working in Internet Explorer 6, the transparency works in Firefox but not IE. any help would be much appreciated. Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! ** BlackBerryBusiness Solutions www.OzBlackBerry.com ** We endorse PayPal, accept payments online now! ** Seamless Merchant integration
RE: [WSG] A little help with a charity site please
Title: Message PS. I got the transparency working after I gave the container a size. Still haven't figured out the 1pixel space. Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! ** BlackBerryBusiness Solutions www.OzBlackBerry.com ** We endorse PayPal, accept payments online now! ** Seamless Merchant integration -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Tuesday, 22 November 2005 10:46 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] A little help with a charity site please I can't seem to figure out why there is a pixel opening between the top graphic and the next www.raokonline.com www.raokonline.com/_resource/style/default.css I also cannot get the transparency working in Internet Explorer 6, the transparency works in Firefox but not IE. any help would be much appreciated. Kind regards, Taco Fleur - Chief Executive OfficerPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! ** BlackBerryBusiness Solutions www.OzBlackBerry.com ** We endorse PayPal, accept payments online now! ** Seamless Merchant integration
RE: [WSG] A little help with a charity site please
Thanks for that. Taco Fleur - Chief Executive Officer Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! ** BlackBerryR Business Solutions www.OzBlackBerry.com ** We endorse PayPal, accept payments online now! ** Seamless Merchant integration -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Tuesday, 22 November 2005 12:07 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] A little help with a charity site please G'day PS. I got the transparency working after I gave the container a size. Still haven't figured out the 1pixel space. Change the image alignment from top to bottom img { vertical-align: bottom; border: 0; } Incidentally, the html doesn't validate, partly because you have no alt attributes on a number of images. If they don't need alt text (i.e. they are just for visual effect), consider putting them in the css as background images. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Problem in firefox
Title: Message I have a problem in firefox where it displays a white area where there should not be one. http://www.ozblackberry.com/index.cfm is fine, simply because I put a 1px white border around the #content_text, but if I remove that and look at http://www.ozblackberry.com/index2.cfmthere is a white space and I have no idea where it is coming from. http://www.ozblackberry.com/_resource/style/default.css Also, I am still having troubles with my ol list, I set ol to 37px height, and I set li to 30px height, but no matter what I set the height for li to, it won't display. I am about to do away with list and just use floating divs. Any help would be appreciated. Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Problem in firefox
Hi, Thanks for the reply. I'm a bit uneasy about this. I don't want a border, and I certainly don't want 0 margin on my paragraph elements, isn't there another solution? Thanks, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Sunday, 6 November 2005 11:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Problem in firefox Taco Fleur - Pacific Fox wrote: I have a problem in firefox where it displays a white area where there should not be one. http://www.ozblackberry.com/index.cfm is fine, simply because I put a 1px white border around the #content_text, but if I remove that and look at http://www.ozblackberry.com/index2.cfm there is a white space and I have no idea where it is coming from. Collapsing margins[1], and Firefox, Opera and other good browsers are doing it right, regardless of how bad it looks. Either set top and bottom margins to zero on paragraphs inside #content_text, or put a narrow border or padding on #content_text. You can also define space between paragraphs with paddings and zero out margins, and avoid the problem that way. Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- 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 ** ** 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] Problem in firefox
OK, so I added a border at the top of 1px and added a negative margin of 1px, this seems to solve it, thanks. Any idea on the other problem with the ol list? thanks Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Sunday, 6 November 2005 11:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Problem in firefox Taco Fleur - Pacific Fox wrote: I have a problem in firefox where it displays a white area where there should not be one. http://www.ozblackberry.com/index.cfm is fine, simply because I put a 1px white border around the #content_text, but if I remove that and look at http://www.ozblackberry.com/index2.cfm there is a white space and I have no idea where it is coming from. Collapsing margins[1], and Firefox, Opera and other good browsers are doing it right, regardless of how bad it looks. Either set top and bottom margins to zero on paragraphs inside #content_text, or put a narrow border or padding on #content_text. You can also define space between paragraphs with paddings and zero out margins, and avoid the problem that way. Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- 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 ** ** 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] List not showing top and bottom border
Title: Message Hi all, I am now designing in FireFox first and it works like a charm, but now I have a list that shows up fine in Firefox but not Explorer, the list does not show the top and bottom border in explorer, anyone know the reasoning behind this? www.123plugin.com www.123plugin.com/_resource/style/default.css Regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] List not showing top and bottom border
Title: Message Hi, I'll give that a go, but the real question is, what is the difference between the two and why? Thanks, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul NooneSent: Friday, 4 November 2005 9:34 AMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] List not showing top and bottom border Play around with your margin and padding on the a elements - padding: 0.2em 1em;. It's probably pushing the borders out. I've got a list for horizontal navigation where the first list item wouldn't show it's right border (separator) in IE no matter what I did in the stylesheet. Adding a space before to emulate the padding I wanted anyway ended up doing the trick. NB: You linked to the wrong stylesheet. It was all in the page. ;) From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Friday, 4 November 2005 7:40 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] List not showing top and bottom border Hi all, I am now designing in FireFox first and it works like a charm, but now I have a list that shows up fine in Firefox but not Explorer, the list does not show the top and bottom border in explorer, anyone know the reasoning behind this? www.123plugin.com www.123plugin.com/_resource/style/default.css Regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
[WSG] Weird displacement
Title: Message Is anybody able to shed some light on why on http://www.startregistration.com/domain/register/ the first fieldset is touching the left border of the form, but each subsequent fieldset is like indented and not touching the border? Then there is also the problem of the "Contact Information" fieldset having a margin under each row, but all the other fields sets do not. The CSS is the same for all forms. Any help is appreciated. PS. The page does not validate, but the issues it shows I am sure do attribute to the problems, i.e. ALT tags missing etc. Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Weird displacement
Hi, Browser is Internet Exploder. Image map is because I don't really like fooling around matching the gifs with the background. Plus I send an email to this list a while back asking whether it was bad to have an image map, I believe the answer was no ;-) By all means convince me not to use it. Thanks, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joshua Street Sent: Friday, 28 October 2005 4:53 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Weird displacement What browser? Looks normal in Firefox 1.0.7/Linux. Side note: Why the image map for your Home/Basket/Email nav? Looks to me as though a styled list would work well there... On 10/28/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Is anybody able to shed some light on why on http://www.startregistration.com/domain/register/ the first fieldset is touching the left border of the form, but each subsequent fieldset is like indented and not touching the border? Then there is also the problem of the Contact Information fieldset having a margin under each row, but all the other fields sets do not. The CSS is the same for all forms. Any help is appreciated. PS. The page does not validate, but the issues it shows I am sure do attribute to the problems, i.e. ALT tags missing etc. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -- Joshua Street http://www.joahua.com/ +61 (0) 425 808 469 NŠÇ.²È¨žX¬µú+†ÛiÿünËZÖ«vÈ+¢êh®Òyèm¶ŸÿÁæ쵩Ýj·l‚º.¦Šàþf¢—ø.‰×¥Šw¬qùŸ¢»(™èbžÛ(žš,¶)උazX¬¶ ¶)à…éi ** 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] Weird displacement
Cheers, I will definitely consider it. In the meantime I am still stuck with my two layout problems ;-) Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joshua Street Sent: Friday, 28 October 2005 5:16 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Weird displacement This article is kind of outdated, but it's currently the Editor's Choice piece on A List Apart (issue 206) http://alistapart.com/articles/imagemap That example is more complex than what yours would need, though. If you combine your primary and secondary banner divs into one, you can use one background image instead of two, and stick two lists inside it (The top right links, and the bottom left links in two different lists). This also means if you wanted rollovers it's relatively painless to do (using :hover pseudo selectors and sprite backgrounds). You'd need to make the list items line up, yes, but you could use the same image as for the main background and just use background-position to get it right (so you don't have to create another five images manually). Hope that made some kind of sense... Josh On 10/28/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Hi, Browser is Internet Exploder. Image map is because I don't really like fooling around matching the gifs with the background. Plus I send an email to this list a while back asking whether it was bad to have an image map, I believe the answer was no ;-) By all means convince me not to use it. Thanks, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joshua Street Sent: Friday, 28 October 2005 4:53 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Weird displacement What browser? Looks normal in Firefox 1.0.7/Linux. Side note: Why the image map for your Home/Basket/Email nav? Looks to me as though a styled list would work well there... On 10/28/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Is anybody able to shed some light on why on http://www.startregistration.com/domain/register/ the first fieldset is touching the left border of the form, but each subsequent fieldset is like indented and not touching the border? Then there is also the problem of the Contact Information fieldset having a margin under each row, but all the other fields sets do not. The CSS is the same for all forms. Any help is appreciated. PS. The page does not validate, but the issues it shows I am sure do attribute to the problems, i.e. ALT tags missing etc. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 … ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -- Joshua Street http://www.joahua.com/ +61 (0) 425 808 469 NŠÇ.²È¨žX¬µú+†ÛiÿünËZÖ«vÈ+¢êh(r)Òyèm¶ŸÿÁæìµ(c)Ýj·l‚º.¦Šàþf¢—ø.‰×¥ Šw¬qùŸ¢»(™èbžÛ(žš,¶)උazX¬¶ ¶)à…éi ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Nnvyjqz ** 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] List item overlap
Title: Message thanks guys. Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alex JamesSent: Monday, 24 October 2005 7:07 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] List item overlap Taco wrote: I have this list item on http://www.lrp.com.au/admin/(main navigation) it overlaps,I would like it to just continue underneath without overlapping, is that possible? Also removed the left and right padding on #navigation_main li, #navigation_sub li, should stop the MAIN-NAVIGATION container wrapping. --- aj
[WSG] List item overlap
Title: Message I have this list item on http://www.lrp.com.au/admin/(main navigation) it overlaps,I would like it to just continue underneath without overlapping, is that possible? Thanks, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
[WSG] Never ending cross browser problems! Lets just do IE!
Title: Message OK, so I have started fresh, and this time started testing in FireFox first (the page validates). Everything going well, except that in Firefox there is a space between the top banner and banner underneath, thus breaking up the wording "the right way". I also can't seem to figure out what the whitespace space is that covers the two columns just under the "Domain Extension Lists". Not to bad, just two problems in Firefox. But now when I look at it in Mozilla or Internet Explorer everything is a mess, I am at a loss here, is it even possible to achieve the same result for all 3 browsers? I am guessing its not, so that puts me in a position where I need to choose between the browsers, and I will need to go for IE, or I go back to a table layout, which I am sure will work in all browsers but will make me look like a fool in the Web Standards community, again, I have to choose for number one as I am inbusiness to make money, and my clients pay me not the Web Standards community. UNLESS someone very wise is able to help me out I am tossing up between just IE or Table layout HELP! Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Never ending cross browser problems! Lets just do IE!
Is there someone who can tell me why the widths are not the same in different browsers for this layout? It appears that in IE the second column gets pushed of the screen due to the left column being bigger. Kay, sorry but this looks like a major problem to me in IE. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 19 October 2005 8:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! Hi Taco, Here's what I would recommend in future - forget the graphics. Start by working out what layout model you're going to use. Maybe find an example to start with. Next, put your basic boxes in - again, don't worry about the graphics, just colour each div with a background colour so you can see which is which. Simple stuff - masthead, body, footer. Test it cross browser until you have it working the way you want. Then add the next layer of complexity, checking in each browser as you go, and adding graphics last. To be honest, the problems you're having in IE on this site don't look too serious - it looks like the widths aren't quite right. Try making the right hand column div narrower - different browsers tend to calculate widths slightly differently. If you don't test in each browser as you go, you won't know which elements are working and what's causing the problems. -- Kay Smoljak http://kay.zombiecoder.com/ On 10/19/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: PS: the url: www.startregistration.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 **
RE: [WSG] Never ending cross browser problems! Lets just do IE!
Also, the background seems to be missing in IE. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 19 October 2005 8:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! Hi Taco, Here's what I would recommend in future - forget the graphics. Start by working out what layout model you're going to use. Maybe find an example to start with. Next, put your basic boxes in - again, don't worry about the graphics, just colour each div with a background colour so you can see which is which. Simple stuff - masthead, body, footer. Test it cross browser until you have it working the way you want. Then add the next layer of complexity, checking in each browser as you go, and adding graphics last. To be honest, the problems you're having in IE on this site don't look too serious - it looks like the widths aren't quite right. Try making the right hand column div narrower - different browsers tend to calculate widths slightly differently. If you don't test in each browser as you go, you won't know which elements are working and what's causing the problems. -- Kay Smoljak http://kay.zombiecoder.com/ On 10/19/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: PS: the url: www.startregistration.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 **
RE: [WSG] Never ending cross browser problems! Lets just do IE!
Yes, but then the question still remains, why is it different in both browsers? If I do not get to understand why, then I will be allowing 'wiggle room' for some 'unknown reason' for the rest of my career. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 19 October 2005 9:21 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! On 10/19/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Is there someone who can tell me why the widths are not the same in different browsers for this layout? It appears that in IE the second column gets pushed of the screen due to the left column being bigger. Kay, sorry but this looks like a major problem to me in IE. So make it a few pixels narrower, to allow some wiggle room? -- Kay Smoljak http://kay.zombiecoder.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 **
RE: [WSG] Never ending cross browser problems! Lets just do IE!
Got it, http://www.positioniseverything.net/explorer/doubled-margin.html Cheers. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Gollan Sent: Wednesday, 19 October 2005 9:29 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! There are a variety of issues in IE with these types of layouts. Most of them can be fixed using a couple of rules. The first thing that I would be checking is putting a display:inline declaration on all floated columns. www.positioniseverything.net is one of the best sources of information on IE specific bugs, although I notice now that alot of their articles require a subscription. Taco Fleur - Pacific Fox wrote: Is there someone who can tell me why the widths are not the same in different browsers for this layout? It appears that in IE the second column gets pushed of the screen due to the left column being bigger. Kay, sorry but this looks like a major problem to me in IE. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 19 October 2005 8:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! Hi Taco, Here's what I would recommend in future - forget the graphics. Start by working out what layout model you're going to use. Maybe find an example to start with. Next, put your basic boxes in - again, don't worry about the graphics, just colour each div with a background colour so you can see which is which. Simple stuff - masthead, body, footer. Test it cross browser until you have it working the way you want. Then add the next layer of complexity, checking in each browser as you go, and adding graphics last. To be honest, the problems you're having in IE on this site don't look too serious - it looks like the widths aren't quite right. Try making the right hand column div narrower - different browsers tend to calculate widths slightly differently. If you don't test in each browser as you go, you won't know which elements are working and what's causing the problems. -- Kay Smoljak http://kay.zombiecoder.com/ On 10/19/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: PS: the url: www.startregistration.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 ** ** 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] Never ending cross browser problems! Lets just do IE!
Background bug solved, only thing left is the space between the top banner and the one underneath, there is a one or two pixel space breaking up the words The right way and only in Mozilla. #content #banner_main { margin: 0px 30px 0px 30px; padding: 10px 0px 0px 0px; } #content #banner_secondary { margin: 0px 30px 0px 30px; } div id=banner_mainimg src=/_resource/image/banner_main01.gif alt= width=172 height=112img src=/_resource/image/banner_main02.jpg alt= width=551 height=112/divdiv id=banner_secondaryimg src=/_resource/image/banner_secondary01.gif alt= width=364 height=116img src=/_resource/image/banner_secondary02.gif alt= width=359 height=116/div Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific Fox Sent: Wednesday, 19 October 2005 9:44 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Never ending cross browser problems! Lets just do IE! Now that's some good feedback, you beauty! That worked, don't know why, but it worked, if you got a link that explain the reasoning behind this, that would be great, in the meantime I'll see if I can find something about it. That leaves me only with a couple of little bugs, the main one being the background with the shadows on both sides not showing up in IE, the one on the #content. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Gollan Sent: Wednesday, 19 October 2005 9:29 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! There are a variety of issues in IE with these types of layouts. Most of them can be fixed using a couple of rules. The first thing that I would be checking is putting a display:inline declaration on all floated columns. www.positioniseverything.net is one of the best sources of information on IE specific bugs, although I notice now that alot of their articles require a subscription. Taco Fleur - Pacific Fox wrote: Is there someone who can tell me why the widths are not the same in different browsers for this layout? It appears that in IE the second column gets pushed of the screen due to the left column being bigger. Kay, sorry but this looks like a major problem to me in IE. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Wednesday, 19 October 2005 8:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! Hi Taco, Here's what I would recommend in future - forget the graphics. Start by working out what layout model you're going to use. Maybe find an example to start with. Next, put your basic boxes in - again, don't worry about the graphics, just colour each div with a background colour so you can see which is which. Simple stuff - masthead, body, footer. Test it cross browser until you have it working the way you want. Then add the next layer of complexity, checking in each browser as you go, and adding graphics last. To be honest, the problems you're having in IE on this site don't look too serious - it looks like the widths aren't quite right. Try making the right hand column div narrower - different browsers tend to calculate widths slightly differently. If you don't test in each browser as you go, you won't know which elements are working and what's causing the problems. -- Kay Smoljak http://kay.zombiecoder.com/ On 10/19/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: PS: the url: www.startregistration.com
RE: [WSG] Never ending cross browser problems! Lets just do IE!
Yes that was it, thanks a million guys.. I could not have done it without your help. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Wednesday, 19 October 2005 10:43 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Never ending cross browser problems! Lets just do IE! G'day Background bug solved, only thing left is the space between the top banner and the one underneath, there is a one or two pixel space breaking up the words The right way and only in Mozilla. The problem is that by default, images (in Mozilla) have a vertical-align of baseline, which leaves a bit of a gap. Try adding: #content img { vertical-align: top; } ...or anything other than baseline. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Never ending cross browser problems! Lets just do IE!
In Mozilla the space at the bottom of the page does not appear, anyone any idea why in Mozilla its gone and in IE its there just where I want it? Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! ** 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] Couple of question - Image Map etc.
Title: Message Hi all, I have a couple of questions which some of you might be able to answer for me. http://www.startregistration.com The first banner with the logo has some icons that should turn into clickable areas. Q: should I use image maps or cut the image up? I believe I saw that its bad to use image maps, could be wrong here? Q: I had to add a few divs to the layout to be able to put some images on the scene, can anyone recommend something more semantically correct for them? In particular; div class="top" div id="content_bottom" Besides the above can someone see something that will not hold up in any other browser and if so, what is the fix? Thanks in advance. Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Couple of question - Image Map etc.
Title: Message I hada look at it in Mozilla, and I guess I better rephrase my question, how to fix ALL these issues that appear in Mozilla? In mozilla nothing looks like it should, for example; - the register by phone image is not in the right position and outside of its column - the text after 1) of Domain Name Search is below where the rest is - white connects the two columns where the form element starts - the gray footer part is completely out of place what a disaster, any tips at all would be much appreciated. thanks Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Sunday, 16 October 2005 5:49 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] Couple of question - Image Map etc. Hi all, I have a couple of questions which some of you might be able to answer for me. http://www.startregistration.com The first banner with the logo has some icons that should turn into clickable areas. Q: should I use image maps or cut the image up? I believe I saw that its bad to use image maps, could be wrong here? Q: I had to add a few divs to the layout to be able to put some images on the scene, can anyone recommend something more semantically correct for them? In particular; div class="top" div id="content_bottom" Besides the above can someone see something that will not hold up in any other browser and if so, what is the fix? Thanks in advance. Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Couple of question - Image Map etc.
Hi, Thanks, but that's what I did, whatever is there, does not make any sense to me at all, for example; Line 43 column 11: document type does not allow element H2 here; missing one of OBJECT, MAP, BUTTON start-tag. What does that mean? The rest is the same, what is it talking about that I can't put a p element in the place it is? Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Sunday, 16 October 2005 8:18 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Couple of question - Image Map etc. Hi Taco, On 10/16/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: http://www.startregistration.com Validate your HTML first - at least then you can eliminate HTML nesting errors as the cause of your problem. Then post back and we'll give you a hand. Cheers, K. -- Kay Smoljak http://kay.zombiecoder.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 **
RE: [WSG] Couple of question - Image Map etc.
OK, that's all new stuff to me, let me fix that. Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Sunday, 16 October 2005 9:22 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Couple of question - Image Map etc. Taco Fleur - Pacific Fox wrote: Thanks, but that's what I did, whatever is there, does not make any sense to me at all, for example; Line 43 column 11: document type does not allow element H2 here; missing one of OBJECT, MAP, BUTTON start-tag. What does that mean? If you keep reading the validator page, it provides further information I quote: One possible cause for this message is that you have attempted to put a block-level element (such as p or table) inside an inline element (such as a, span, or font). -- A quick glance at the code shows that the validator is spot on with its possible cause. Let me re-write it to suit: - The cause for this message is that you have attempted to put a block-level element (h2) inside an inline element (span). -- Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Couple of question - Image Map etc.
All fixed, and the page still looks like a dogs breakfast in Mozilla. The first banner with the logo has some icons that should turn into clickable areas. Q: should I use image maps or cut the image up? I believe I saw that its bad to use image maps, could be wrong here? Q: I had to add a few divs to the layout to be able to put some images on the scene, can anyone recommend something more semantically correct for them? In particular; div class=top div id=content_bottom In mozilla nothing looks like it should, for example; - the register by phone image is not in the right position and outside of its column - the text after 1) of Domain Name Search is below where the rest is - white connects the two columns where the form element starts - the gray footer part is completely out of place Any hints as to how I can fix any of the above would be much appreciated, besides that in the future I should start with Mozilla and then IE. Thanks, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .COM for as low as AUSD$15 a year, .COM.AU for AUSD$50 two years! ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Sunday, 16 October 2005 9:22 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Couple of question - Image Map etc. Taco Fleur - Pacific Fox wrote: Thanks, but that's what I did, whatever is there, does not make any sense to me at all, for example; Line 43 column 11: document type does not allow element H2 here; missing one of OBJECT, MAP, BUTTON start-tag. What does that mean? If you keep reading the validator page, it provides further information I quote: One possible cause for this message is that you have attempted to put a block-level element (such as p or table) inside an inline element (such as a, span, or font). -- A quick glance at the code shows that the validator is spot on with its possible cause. Let me re-write it to suit: - The cause for this message is that you have attempted to put a block-level element (h2) inside an inline element (span). -- Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Text will not valign
Title: Message I have a DIV as following #column2-header{background-color: #646464;color: #fff;position: relative;text-align: center;vertical-align: middle;top: 40px;height: 50px;background-image: url(/_resource/image/concept03/layout-4-concept-3_07.jpg);background-repeat: repeat-y;background-position: left;} In it is a h2 tag, I need to be horizontally centered, which it is, but it does not vertically center, can anyone see why?#column2-header h2{display: block;font-size: 0.8em;margin: 0;font-family: Arial Narrow, Helvetica, sans-serif;} Thanks, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .com for as low as AUSD$15 a year ** Seamless Merchant integration ** We endorse PayPal, accept payments online now!
RE: [WSG] Text will not valign
Hi, I replaced the block with inline, but it made no difference, you can view the page here http://testing.icanmls.pacificfox.com/concept03/ thanks Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . ** Web Design and Development ** SMS Solutions, including developer API ** Domain Registration, .com for as low as AUSD$15 a year ** Seamless Merchant integration ** We endorse PayPal, accept payments online now! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Cowie Sent: Friday, 7 October 2005 5:36 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Text will not valign #column2-header h2 { display: block; is the culprit, a block will always fill available space and align left. either 1. replace display: block; with display: inline; 2. Add a width to #column2-header h2 that is smaller than #column2-header and change margin: 0; to margin: 0 auto; that should solve the problem in most modern browsers Nick This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** 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] 'em' versus '%'
I believe the size of EM is the default size assigned by the browser, thus if the browsers default font size is 12px then 1em is 12px. Or if you set the body { font-size: 12px; } and p { font-size: 1.5em; } The size would be 18px. Somebody correct me if I am wrong, but this is how I understand it works. Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com - Web Design and Development -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of wybe Sent: Sunday, 25 September 2005 8:02 AM To: wsg@webstandardsgroup.org Subject: [WSG] 'em' versus '%' Hi I was wondering about the use of em's to determin your font size. What is the difference between using em's or percentages? Percentages work fine for me but W3C seem to be very enthousiastic about using em's. And another thing i can't figure out is this: what is the size of 1em? Is it the width of the letter 'm' of a font? Wybe ** 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] 3px Space problems
Title: Message I have a problem on my pages where there is a space between the navigation and the image, there is like a 3 pixels space, but only when I view it in anything else but Internet Explorer. http://www.pacificfox.com.au The homepage validates. Anyone any ideas on this, also the headers on sub sequent pages, like "Portfolio" on http://www.pacificfox.com.au/portfolio/ are much higher than when viewed in Internet Explorer, how can I get the content to be in the same location no matter what browser? Thanks for any input you might be able to provide. Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com- Web Design and Development
RE: [WSG] 3px Space problems
Add this to your style sheet: img { vertical-align:top; } (Or just for images in a certain section) That seemed to work, weird, I had vertical-align:top; on the images itself. Incidentally, you might want to have a look at the site with images disabled. Or load it over a dial-up connection. Yeah I know that some pages might be still be a little to big, it was a rush job (I had to get something out there), once I have time I will optimize it all, i.e. move the styles into a stylesheet etc. etc. Thanks again. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] 3px Space problems
PS. Any ideas on the headers just below the banner, that are not in the same spot as in Internet Explorer? If we take the portfolio page for example, the header portfolio in IE is in the spot where I want it, in anything else it is way to high. I could position it absolute to the top of the page, but I might change the size of the banner one day. Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com - Web Design and Development -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Thursday, 22 September 2005 11:40 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] 3px Space problems G'day I have a problem on my pages where there is a space between the navigation and the image, there is like a 3 pixels space, but only when I view it in anything else but Internet Explorer. http://www.pacificfox.com.au Add this to your style sheet: img { vertical-align:top; } (Or just for images in a certain section) Firefox (and perhaps other browsers too) have a default image alignment of baseline which leaves that gap at the bottom. Incidentally, you might want to have a look at the site with images disabled. Or load it over a dial-up connection. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] ol displaying 3.1 3.2 etc. instead of 1 2 3
Title: Message Is there any way to make list look like 3.1 text text 3.2 text text 3.3 text text 3.4 text text Instead of 1 text text 2 text text 3 text text 4 text text I am thinking NOT with plain markup, but I could be wrong (just checking). And how would someone else do this? Just use ul and put the numbering within the list item as text? Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com
RE: [WSG] The Big Lie about CSS
What about setting the content expiration in the HTTP headers, you can do this from within the webserver. Isn't that how it was intended to work? Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of russ - maxdesign Sent: Monday, 19 September 2005 12:08 PM To: Web Standards Group Subject: Re: [WSG] The Big Lie about CSS There is a simply option: 1. add a link to a generic css file: link rel=stylesheet href=basic.css type=text/css media=screen, print 2. inside this file, import any css file you need: @import advanced.css; The advantages are: 1. by using two media types in first link you will stop NN4 from following the link and (in specific NN4 cases) from crashing on the @import. 2. you can update the css file or files in the basic css file any time you like without touching the html files - the original lionk will always be the same. 3. you can make the @import css files modular and change as needed. The basic.css file could include a range of imported css files: @import header.css; @import nav.css; @import content.css; @import footer.css; @import colors.css; Russ Well, that's the point of my trick, unwieldy though it is. ** 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] Content that jumps
Thanks for that, I appreciate it. Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Saturday, 17 September 2005 4:07 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] Content that jumps It's works fine in FF! No page push! I had the same problem some months back and a list member provided the same fix that I passed on to you. Kind regards, Mario Cheers, I'll give that a go, it's in there now, would you mind having another look at it? thanks Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Friday, 16 September 2005 1:45 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Content that jumps Good evening Taco, It's still occurring in FF, and I've heard it referred to as the 2 pixel push, therefore place the following rule at the top of your main CSS file: html {height: 100%; margin-bottom: 1px;} Kind regards, Mario The content has stopped jumping, haven't changed anything in the structure. Has anyone seen anything like this before? Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com http://www.pacificfox.com/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific Fox Sent: Friday, 16 September 2005 11:25 AM To: wsg@webstandardsgroup.org Subject: [WSG] Content that jumps Hi all, I have this page with 3 columns, for some reason the divs jump when the page is loaded. I checked if the HTML is valid, and it is. Anybody any idea on this? http://testing.icanmls.pacificfox.com I am looking at it in IE6 by the way. Thanks, Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com http://www.pacificfox.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] Content that jumps
Title: Message Hi all, I have this page with 3 columns, for some reason the divs jump when the page is loaded. I checked if the HTML is valid, and it is. Anybody any idea on this? http://testing.icanmls.pacificfox.com I am looking at it in IE6 by the way. Thanks, Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com
RE: [WSG] Content that jumps
Title: Message The content has stopped jumping, haven't changed anything in the structure. Has anyone seen anything like this before? Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Friday, 16 September 2005 11:25 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] Content that jumps Hi all, I have this page with 3 columns, for some reason the divs jump when the page is loaded. I checked if the HTML is valid, and it is. Anybody any idea on this? http://testing.icanmls.pacificfox.com I am looking at it in IE6 by the way. Thanks, Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com
RE: [WSG] Content that jumps
Title: Message that's weird, comes up for me through megaproxy.com Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gary MenzelSent: Friday, 16 September 2005 1:49 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] Content that jumps There is nothing to see. I am on IE 6 and get a blank page with the following HTML in it. !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADMETA http-equiv=Content-Type content="text/html; charset=utf-8"/HEADBODY/BODY/HTML And. it takes AGES to come back with that response. On 9/16/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: The content has stopped jumping, haven't changed anything in the structure. Has anyone seen anything like this before? Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Taco Fleur - Pacific Fox Sent: Friday, 16 September 2005 11:25 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] Content that jumps Hi all, I have this page with 3 columns, for some reason the divs jump when the page is loaded. I checked if the HTML is valid, and it is. Anybody any idea on this? http://testing.icanmls.pacificfox.com I am looking at it in IE6 by the way. Thanks, Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com
RE: [WSG] Content that jumps
Cheers, I'll give that a go, it's in there now, would you mind having another look at it? thanks Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Friday, 16 September 2005 1:45 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Content that jumps Good evening Taco, It's still occurring in FF, and I've heard it referred to as the 2 pixel push, therefore place the following rule at the top of your main CSS file: html {height: 100%; margin-bottom: 1px;} Kind regards, Mario The content has stopped jumping, haven't changed anything in the structure. Has anyone seen anything like this before? Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com http://www.pacificfox.com/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific Fox Sent: Friday, 16 September 2005 11:25 AM To: wsg@webstandardsgroup.org Subject: [WSG] Content that jumps Hi all, I have this page with 3 columns, for some reason the divs jump when the page is loaded. I checked if the HTML is valid, and it is. Anybody any idea on this? http://testing.icanmls.pacificfox.com I am looking at it in IE6 by the way. Thanks, Taco Fleur - Pacific Fox an industry leader with commercial IT experience since 1994 . http://www.pacificfox.com http://www.pacificfox.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 **