Topic: Company site (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=26172" title="Pages that link to Topic: Company site (Page 1 of 1)" rel="nofollow" >Topic: Company site <span class="small">(Page 1 of 1)</span>\

 
~Sir_KiTree~
Bipolar (III) Inmate

From: PA
Insane since: Jul 2001

posted 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 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 ( &copy; )
  • 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 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 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 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 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 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::..



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu