Company site — OZONE Asylum, home of the Mad Scientists

Topic: Company site $Pages that link to <a href="https://ozoneasylum.com/backlink?for=26172" title="Pages that link to Topic: Company site" rel="nofollow" >Topic: Company site\$

Author	Thread
~Sir_KiTree~ Bipolar (III) Inmate From: PA Insane since: Jul 2001	posted 07-05-2005 14:06 http://www.c-sgroup.com.sg Now to get our main site valid! Still having trouble convincing those powers above the importance of validation and accessibility. But one battle at a time. Our singapore site is valid. Please let me know what you think and if you find any errors I missed. Comments and suggestion are appriciated as well. ~Sir_KiTree~Scan~ ..::ill communications network::..
reisio Paranoid (IV) Inmate From: Florida Insane since: Mar 2005	posted 07-05-2005 21:37 General your doctype is nonstandard and does not trigger standards mode - this is not advised, use the standard one: code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> What's the "1" at the top of each page? Put a space after the copyright symbol ( © ) Link the "Valid CSS" anchor to check your css file, not the website - the validator isn't quite smart enough for it might look into something (like modrewrite) to switch those URL's to simpler forms (no biggie) a lot of code where there could be little (example: the header image is split into a large top piece and short bit for the list background - it could be just one large image with the list placed above the bottom of it), but it is pretty clean and valid (less div's, more semantically correct elements) the site's available only in English? It seems you do business with many countries, why not make them feel more at home. I would probably make the <h1> on each page "C/S GROUP - Creating products that make buildings better" or something and I'd probably use it for the header image to save code/make simpler doesn't quite fit on 800x600 resolution - seems a shame to get it so close but not quite there lose the align="right" for the validator & copyright stuff...in fact get rid of every single align="" across the entire site need an @media print style sheet maybe give the "Home" link the same padding on the left that all the other nav links get Home the Technical Downloads boxes should be part of an unordered list the Section Overviews images need antialiasing and when you hover over them, the outside edge should not change (it does now, quite annoying) - also, you could make those images backgrounds of the list items which would save code and make it simple to have the hover change just when mousing over the paragraph (instead of having to actually be over the image) the "corporate" anchor is not underlined as the other link "gallery" in Products is - pick a style and use it site-wide Products the mouseover to change the page thing - that could be done primarily with CSS with JavaScript merely for backup support the parts of the image that do not represent pages...the side with the numbers and the side with the little green-purple-orange color table change slightly with every different image (probably because each image was saved with its own indexed color profile) - would be nice if it didn't do that the "gallery" anchor is underlined unlike the other link "corporate" at Home is - pick a style and use it site-wide Contact Us the locations should be in an unordered list, and the anchors should extend the full width of the list, so you only have to be over a colored row to select it, not only over the text itself strange bug (only checked in Firefox - will test more later) - after loading the page if you mouseover one of the main navigation links, vertical space is added to the page (scrollbar extends about a line) Information Request table doesn't seem to quite fit to the right of the central black line (not on Linux anyways - will check more on this later) I don't think the Mr., Ms. & Mrs. radio buttons need to be in their own table - that's not tabular pretty much all the text in the form table could be <label>'s for their corresponding boxes assuming you haven't quite finished the form yet, and that's the reason why there is no field checking or confirmation/error page, etc. Gallery the images and their descriptions on left should probably be list items in an unordered list, not table cells - the anchor should cover the images and the descriptions, so you don't have to go all the way to the image if you're reading the description lose the align="center" for the larger images - at the very least you could use style="margin: 0 auto;" or style="text-align: center;" Nice site, I quite like it. (Edited by reisio on 07-05-2005 21:38)
~Sir_KiTree~ Bipolar (III) Inmate From: PA Insane since: Jul 2001	posted 07-05-2005 21:55 WoW. Thanks a lot reisio for such a thorough review of the site. I'll start on some of your suggestions and keep you posted on my progress. Again, thanks a ton! ~Sir_KiTree~Scan~ ..::ill communications network::..
~Sir_KiTree~ Bipolar (III) Inmate From: PA Insane since: Jul 2001	posted 07-05-2005 22:51 So i started on some changes... and first thing I notice is that when i do your first suggestion in changing the declaring the DOCTYPE, firefox gives me these lines to the left of my images on the home page. wtf? I'm still trying to figure it out but am about to go home for the day. if you knwo of anyhting like this please let me know what i'm doing wrong. thanks. ~Sir_KiTree~Scan~ ..::ill communications network::..
~Sir_KiTree~ Bipolar (III) Inmate From: PA Insane since: Jul 2001	posted 07-05-2005 22:58 nevermind... as soon as i say something i figure it out... ain't that always the way? it was the link underline... just turned text-decoration off and it's all good. ~Sir_KiTree~Scan~ ..::ill communications network::..
reisio Paranoid (IV) Inmate From: Florida Insane since: Mar 2005	posted 07-05-2005 23:13 oh, actually I think this'd be more normal-looking for the copyright stuff: code: Copyright © 2005 Conspec Pte. Ltd. that's just how it's most commonly done, though - it's not like a requirement
~Sir_KiTree~ Bipolar (III) Inmate From: PA Insane since: Jul 2001	posted 07-06-2005 21:40 So I went through and made some changes based on your suggestions. I don't have time or budget to do all, but at least it's better off for your suggestions that get it more accessible and valid. Plus what I learn in the process will help me to create more valid sites in the future. Thanks. ~Sir_KiTree~Scan~ ..::ill communications network::..

General

your doctype is nonstandard and does not trigger standards mode - this is not advised, use the standard one:
code:
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
```
What's the "1" at the top of each page?
Put a space after the copyright symbol ( © )
Link the "Valid CSS" anchor to check your css file, not the website - the validator isn't quite smart enough for it
might look into something (like modrewrite) to switch those URL's to simpler forms (no biggie)
a lot of code where there could be little (example: the header image is split into a large top piece and short bit for the list background - it could be just one large image with the list placed above the bottom of it), but it is pretty clean and valid (less div's, more semantically correct elements)
the site's available only in English? It seems you do business with many countries, why not make them feel more at home.
I would probably make the <h1> on each page "C/S GROUP - Creating products that make buildings better" or something and I'd probably use it for the header image to save code/make simpler
doesn't quite fit on 800x600 resolution - seems a shame to get it so close but not quite there
lose the align="right" for the validator & copyright stuff...in fact get rid of every single align="" across the entire site
need an @media print style sheet
maybe give the "Home" link the same padding on the left that all the other nav links get

Home

the Technical Downloads boxes should be part of an unordered list
the Section Overviews images need antialiasing and when you hover over them, the outside edge should not change (it does now, quite annoying) - also, you could make those images backgrounds of the list items which would save code and make it simple to have the hover change just when mousing over the paragraph (instead of having to actually be over the image)
the "corporate" anchor is not underlined as the other link "gallery" in Products is - pick a style and use it site-wide

Products

the mouseover to change the page thing - that could be done primarily with CSS with JavaScript merely for backup support
the parts of the image that do not represent pages...the side with the numbers and the side with the little green-purple-orange color table change slightly with every different image (probably because each image was saved with its own indexed color profile) - would be nice if it didn't do that
the "gallery" anchor is underlined unlike the other link "corporate" at Home is - pick a style and use it site-wide

the locations should be in an unordered list, and the anchors should extend the full width of the list, so you only have to be over a colored row to select it, not only over the text itself
strange bug (only checked in Firefox - will test more later) - after loading the page if you mouseover one of the main navigation links, vertical space is added to the page (scrollbar extends about a line)

Information Request

table doesn't seem to quite fit to the right of the central black line (not on Linux anyways - will check more on this later)
I don't think the Mr., Ms. & Mrs. radio buttons need to be in their own table - that's not tabular
pretty much all the text in the form table could be <label>'s for their corresponding boxes
assuming you haven't quite finished the form yet, and that's the reason why there is no field checking or confirmation/error page, etc.

Gallery

the images and their descriptions on left should probably be list items in an unordered list, not table cells - the anchor should cover the images and the descriptions, so you don't have to go all the way to the image if you're reading the description
lose the align="center" for the larger images - at the very least you could use style="margin: 0 auto;" or style="text-align: center;"

Nice site, I quite like it.

(Edited by reisio on 07-05-2005 21:38)

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: Company site

Insert Slimies »

Insert UBB Code »

Topic: Company site $Pages that link to <a href="https://ozoneasylum.com/backlink?for=26172" title="Pages that link to Topic: Company site" rel="nofollow" >Topic: Company site\$