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 26
  1. #1
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Review/Errors for my latest CSS endeavour...

    http://jessye.offtone.com/

    It's font-scalable, but the top menu loses whatever prettiness it might have. Took me one prior attempt at the layout before I realised "wait a tick, I can't do it this way..." But then I was happy to learn it worked in IE5.5+ and FireFox. Any Mac and Opera testers would be appreciated

    As for reviewing/critiquing, the client's already happy with the layout. I may have to tinker with colours to get her completely satisfied, but that's nothing to worry about.

    Thanks,
    Aaron

    PS: No relation to client :P

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Looks really good. The only complaint that I have is the black headers and the black border on the links onhover. They just seem to intense compared to the soft tones of the rest of the page. Keep up the good work.

  • #3
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks.

    And the headers: They aren't black They're deep brown.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Menu?

    What menu?
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm with Ronald ^^
    Nice design (2 years ago I would have gone "eeew - 80's!; but that's all coming back now...)
    The menu needs some love man - big time. It's pretty much invisible. Bold text, different colour text, a light background for each link....something!

    If we're going to get picky about it - The logo text looks slightly ascew. The 'W' looks like it should be a few pixels higher, just so it clears the white gradient.

    I take no responsibility for the above nonsense.


    Left Justified

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Who stole the menu?

    No, really: I can see the page (nice design, by the way), I can see the unordered list in the code, but I can't see the menu!!! Anywhere! Oh, I'm on IE6.0/Win2000.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #7
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The menu's at the top above the header on the right, and its background is actually the sidebar extending up and under the header and up again.

    The reason it's so small is that I hadn't planned on making it a huge player in the site's navigation... That sidebar will eventually contain a bit of key content from each section, and there'll be links to each section from there. I may still try to brighten it up though.

    Edit: Ack. The menu is actually missing in IE6. Wonder what I did that made it go away... Hrm...
    Last edited by AaronW; 09-17-2004 at 12:18 PM.

  • #8
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oooook... The menu ceases to exist when I apply position: absolute. I've tried ONLY applying position: absolute to that menu and it just disappears. Not hidden behind anything, either. I gave it a 500px red border, and no red was visible.

    Spooky.

    IE5.5 is hiding it too... Oh dear.
    Last edited by AaronW; 09-17-2004 at 12:31 PM.

  • #9
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, so apparently if I resize my IE window to ~800x600, the menu will *pop* into existance and be properly positioned... I can maximize the window and it'll still be there. If I reload, it goes away again. Super...

    Anyone have the slightest clue why it would behave like this?

  • #10
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Z-index?

    Something with Z-index, maybe? Explicit width?
    Try top: 0 and left: 0 or some other values close to it, or place it in the sidebar code and position it absolutely to that (sidebar: position: relative).
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #11
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't want to place it in the sidebar because I'd rather it appear before the content in the source. I've tried z-index and I've tried using top: 0; left: 0; to no avail. Will keep trying stuff.

  • #12
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Most of your audience will be at 800x600 or 1024x768, not 1280x1024. Your layout should be resolution-independent anyway, there's nothing in this design that prevents you from doing so.

    I like the simplicity of it.

  • #13
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I caved and threw the menu into the sidebar (in the source) and it works now. *shakes fist at IE*

    It seems to work in all resolutions... Only "trouble" is that anything below 800x600 will cause the floated sidebar to scoot down below the content, but I doubt if anyone'll resize to something that small anyway. I'd prefer there to be a horizontal scrollbar, but I'm not sure it's possible since the layout is liquid AND fixed at the same time...

  • #14
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The sidebar and menu do not like up with your body tile when sized below 1280x1024, not to mention the completely unecessary horizontal scrollbar.

    Also, it is not at all a fluid layout at all really. Fluid implies that the layout adjusts its dimensions, padding, margins, etc. in response to the viewport. Yours is fixed.

  • #15
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'd left my width on the menu. Fixed that.

    And it is somewhat fluid in that the titlebar and header extend the full width of the page, and their margins are percentages

    Far more noticeable at 1600x1200. You might argue that I could've used a background image, but I can't rely on pixel-perfect rendering of the upper section (the header might be a tad taller in one browser than the other, throwing everything horribly off).


  •  
    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
    •