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 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 **
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.
that means there's a nesting error.. start from the top and make sure everything is closed. K. On 10/16/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] 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? The rest is the same, what is it talking about that I can't put a p element in the place it is? -- 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 **
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 **
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 **
Re: [WSG] Couple of question - Image Map etc.
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? Cut the image up, image maps are server side if my memory serves me right and I don't think anybody has used has really them since 1996, because it is quicker to slice up an image. -- Nick Cowie http://nickcowie.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] Couple of question - Image Map etc.
Nick Cowie wrote: Cut the image up, image maps are server side if my memory serves me right You can have server-side and client side maps. Server-side ones are frowned upon and not really used anymore, but client side maps work quite nicely and even accessibly...just give an adequate alt attribute to the various area .../ elements. -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** 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.
Hi Taco, SINGLE IMAGE vs MULTIPLE IMAGES A single image loads faster than the same cut into separate images. HTTP requires a new connection to be made to the server for each file (i.e. image). Even when the single image filesize is the same as the sum of the individual files, reconnecting to download each file introduces noticeable 'lag' (obviously more noticeable on dial-up than cable). Cheers, -- Andy Kirkwood | Creative Director Motive | web.design.integrity http://www.motive.co.nz ph: (04) 3 800 800 fx: (04) 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand ** 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.
Andy Kirkwood | Motive wrote: SINGLE IMAGE vs MULTIPLE IMAGES A single image loads faster than the same cut into separate images. At last...I thought I was the only one in the know with this tiny yet often misunderstood piece of info. It only gives the illusion to be faster to the user (questionably) because there's at least some bits and bobs appearing onscreen over a slow connection, rather than having to wait for the entire thing...but it is indeed quicker overall to just have a single image. -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** 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.
Andy Kirkwood wrote: A single image loads faster than the same cut into separate images. HTTP requires a new connection to be made to the server for each file (i.e. image). Even when the single image filesize is the same as the sum of the individual files, reconnecting to download each file introduces noticeable 'lag' (obviously more noticeable on dial-up than cable). Not necessarily. Different parts of the image may lend themselves to different compression techniques and file formats. Separating a part of the image that has more detail or a different colour palette can mean the rest of the image can be compressed much more efficiently. But it is better to separate into layers rather than slices. cheers, Geoff ** 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.
Taco, First Tip: I would start over (CSS-wise) and work on getting getting it right in Mozilla/Firefox first, then look at the other browsers next. When you code for IE first, you'll always have a number of mysteries to solve. Other tip: When having troubles, always go back to the raw code and slowly rebuild your CSS until the error creeps up. Then you'll know exactly what the error is. You'll be surprised just how much you'll learn about the browser bugs this way. Lastly - Whenever I code a page, I usually have Firefox, IE and Opera open to test every change I make as I build the page. Yes, its more time-consuming, but at least I know everything is rendering right. I'm on a PC, so I have to hope and pray for Safari and IE to be good. Generally though, if Opera likes it, it must be pretty darn correct! Hopefully this helps! Joseph R. B. Taylor Sites by Joe, LLC 408 Route 47 South Cape May Court House, NJ 08210 (609) 335-3076 http://sitesbyjoe.com Taco Fleur - Pacific Fox wrote: All right, image map is pretty clear, nothing to worry about there, thanks. Anyone care to comment on the other issues? 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 Patrick H. Lauke Sent: Monday, 17 October 2005 7:10 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Couple of question - Image Map etc. Andy Kirkwood | Motive wrote: SINGLE IMAGE vs MULTIPLE IMAGES A single image loads faster than the same cut into separate images. At last...I thought I was the only one in the know with this tiny yet often misunderstood piece of info. It only gives the illusion to be faster to the user (questionably) because there's at least some bits and bobs appearing onscreen over a slow connection, rather than having to wait for the entire thing...but it is indeed quicker overall to just have a single image. -- Patrick H. Lauke __ re.dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** 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 **
