Russ, I don't know why you haven't been beatified already. Has someone written off to the Pope about the miracles you perform here?
I understand your advice, and I've corrected the .strip issue, and it works brilliantly. I'm not going to implement the rest, because although I'm certain it all works, it's not worth the effort for me. This was simply a practice exercise, and at the same time give the listeners to my radio show a way to have a look at what I'm doing for the next couple of weeks while they have no program from me. It's low importance in other words. I understand the part about height and width. However the page is dynamic and to put those values in, I'd have to amend the database and this app doesn't warrant the time to do that. I'll go with whatever bad results I get from not having them, and remember to add the height and width next time I do one of these. The heading's done the way it is, as an image, because that was the best way I knew to get the effect I wanted before I found you people. Also it's not worth re-doing the image and text etc just for accessibility and for search engines, even though I understand your point perfectly. It's a good point and I'm going to do it your way in any other pages I do. In short, I'm stopping work on this page now, even though there are other things that could be done to make it work perfectly. I'll live with any errors that show up because of invalid code etc, but learn the lessons for next time. This list is fantastic and has saved me sooooo many hours. I put together a basic site this afternoon in an hour that I reckon would have cost me at least 4 hours last October. At that sort of saving of time, I can afford to either: [1] cut my price to as low as a quarter of what it is now and still be ok financially, OR [2] take on 2-3 times as much work and expect to get it done with no extra person-power, OR [3] burden myself with banking the same cash for less work, OR [4] spend more time in my workshop building model warships (see http://modelwarship.com - another conversion project coming up!) THANK YOU!! Cheers Mike Kear -----Original Message----- From: russ weakley [mailto:[EMAIL PROTECTED] Sent: Wednesday, 7 January 2004 3:18 PM To: Web Standards Group Subject: Re: [WSG] How to centre a group of floated images Michael, Looking good. Forgive the long rave here... 1. There are still validation issues with your page. There are XHTML breaks instead of HTML breaks. So, <br /> should be <br>, and the same for metadata - remove the end backslash, as this is causing items below to show up as invalid. http://validator.w3.org/check?uri=http://afpwebworks.com/beach/index.cfm 2. The thumbnail images do not have a width or height. This is an issue for two reasons (and feel free to disagree/abuse me here): a. Some browsers do not allocate space for the image and so they will not move on to redraw the page while the image is loading. You can sometimes get funny rendering issues till the page is loaded. Unless it is dynamic, it may be better to put width and height attributes into the image elements. b. If the user has images turned off (as I did when I first hit your page) and there is no width or height allocated for the image, the alt tag is used to define the width and height of the image - meaning that the entire page breaks in Win/IE5, 5.5 and 6 (plus possibly other browsers). 3. It may be worth adding some sort of image replacement heading in the top of the document as there is no heading on the page - the "Holiday at Tabourie is only accessible via the image - bad for accessibility reasons - Google and screen readers have no info on what the page is about. As Mark Stanton keeps telling us, the h1 - h6 are used by Google a lot so it is always worthwhile. You could replace the header with an <h1>, and choose your favourite image replacement option from here: http://www.mezzoblue.com/tests/revised-image-replacement/ 4. To get around the mystery gap in Win/IE5, 5.5 and 6 add a simple declaration to ".strip" which will close up the gap completely. .strip { font-size: 1px; } Why does this work? Win/IE5, 5.5 and 6 add a carriage return inside divs. It is not noticeable unless the div is very small - like your strip div (anything under about 13px high). By setting the font size to 1px the carriage return becomes tiny and the gap disappears. Gotta love IE! I wrote an article on this a while ago. It explains the issue, but it does not include the 1px solution (I'll amend the article soon): http://www.maxdesign.com.au/presentation/mystery/ HTH Russ ***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
