Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 21
  1. #1
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts

    Intranet site - corporate template

    Working on a corportate intranet site trying to be as symantec as possible with 508 and XHTML compliance.

    However, my strong suit has never been design. Let me know what you think of this...

    http://www.aphion.com/usps/etravel/index.html

    Personally, I think the top nav and the rest of the site clash, but people here seem to like it.

    Any suggestions for improvement?


    Oh and one other thing, how can I get bookmarks to validate?

    Code:
    <a name="top"></a>
    Thanks

  • #2
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Problems
    • Use
      Code:
      <a id="top"></a>
      instead of
      Code:
      <a name="top"></a>
    • The navigation is in the middle and hidden behind the table
    • Only by looking at the code did I know there was a top navigation bar, hidden my the Welcome bar
    • The first few paragraphs of the Welcome Message are all on the right, on the left there is a massive white section.
    • Text in the logo isn't clear


    Nice Bits
    • Colours


    Results from Apple Safari

  • #3
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Thanks, I noticed the same overlapping problem in Mozilla. I couldn't figure out how to fix it.

    Any ideas? I've tried the z-index property, but that only works on positioned elements (according to w3schools.com).

    Also, can you post a screen shot of the "on the left there is a massive white section." I haven't seen this in testing. Actually, just a screen shot in general could be very helpful from Safari.

    Thanks

  • #4
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Isn't there some CSS value which will lock an element against a side, as for the screenshot, see the attachment (sorry about the size, had to get within the 50KB file size limit).
    Attached Thumbnails Attached Thumbnails Intranet site - corporate template-safari.jpg  

  • #5
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Wow.

    That is significantly different than what I see in IE6, and Moz 1.6.

    Guess it's back to the ol drawing board.

  • #6
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    I could help you make it compatible for free, but I could only start doing anything next week...

  • #7
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    The yellow color of the bar below the title seems to bother me a bit; yellow adjacent to blue seems a little off.. I'm not much of a designer but I'd consider using a different color.
    OracleGuy

  • #8
    Senior Coder
    Join Date
    Apr 2003
    Location
    Canada
    Posts
    1,063
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The yellow bar at the top left is not nice. The menu at the left has a background that I think doesn't fit with the rest.
    Maybe having a chrome look to it would be nice?
    Shawn

  • #9
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Ok, Here's take 2. I radically changed the color scheme and layout. Is this any better? Any thoughts?

    Thanks again for all your help.

    Link:
    http://aphion.com/usps/etravel/indexAlt.html

  • #10
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    MUCH better.
    Few things I would change:
    - use sans-serif font
    - add more padding to navigation items
    - increase line spacing for content.
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #11
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Just the things Vladdy said, and it looks as if it was meant to look how it does.

  • #12
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OMG what an improvement!

    I take no responsibility for the above nonsense.


    Left Justified

  • #13
    Senior Coder
    Join Date
    Apr 2003
    Location
    Canada
    Posts
    1,063
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I can't beleive how well you're handling brown
    lol
    looking very nice.
    When I see it, I feel like flying to a desert and going on camel rides..
    but that's just me
    Shawn

  • #14
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Few more thing:

    Do not jump the navigation text on hover (there was time when I thought it was cool myself) - it is rather distracting. Change text color, background, add border, anything but jumping text...

    Remove the navigation underline - it makes it too crowded (it is pretty obvious in this day and age that those are links)

    I would find another place for breadcrumbs (Current Location). Where it is now, it simply repeats the header above it....

    Use font units for nav blocks width and height so that text does not spill over when font size increases....
    Last edited by Vladdy; 04-13-2004 at 10:03 PM.
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #15
    Senior Coder
    Join Date
    Apr 2003
    Location
    Canada
    Posts
    1,063
    Thanks
    2
    Thanked 0 Times in 0 Posts
    For the breadcrumbs, maybe just after the header above it..
    So you have the current location, and it's path (according to the site, not the url)..
    get it?
    Shawn


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •