SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot mrtopher's Avatar
    Join Date
    Mar 2004
    Location
    VA
    Posts
    150
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How can I make text based main nav look better?

    I'm building a new site right now and I would like to create the main nav using text links for accessibility, seo, and all that stuff. But the problem I keep coming back to is that it looks bad in IE and FF because of the lack of anti-aliasing (looks fine is Safari because it includes anti-aliasing). Is there any way I can make the nav look better or should I use images instead?

    http://www.practisinc.com/tmp/
    The blog: ChrisMonnat.com

  2. #2
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it looks ok as is - maybe play with the font going a bit bigger or smaller and bolder. IE7 tends to do font-smoothing by default far as I know.

    Using text for navigation is such a bonus for accessibility and ease of use far as I'm concerned. You could make sure though that the list has a background colour so that it can still be read with images off - at the moment it's impossible to find against the white background.

    (I know you're just building it now but you'll want to have a quick look at what IE7 is doing to the layout...)
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  3. #3
    SitePoint Zealot mrtopher's Avatar
    Join Date
    Mar 2004
    Location
    VA
    Posts
    150
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, I think it looks ok too. But it's a sticky point with some of the people in our office.

    I can still get the added accessibility and SEO benefits if I use CSS image replacement, right?
    The blog: ChrisMonnat.com

  4. #4
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes - it's just a pain to implement especially when you want a rollover too. Just make sure it works with images off.
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  5. #5
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    The Nav looks fine to me (IE7), but the layout itself is a mess.
    Ryan B | My Blog | Twitter

  6. #6
    SitePoint Guru downtroden's Avatar
    Join Date
    Dec 2004
    Location
    illinois
    Posts
    978
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    navigation looks fine, nice and respectable.

    The body copy that creeping up into your white part of the green banner is bothering me though. I would have the copy below that but leave it white.

    I know that's not what you were wondering about, but that's what i saw.
    your brain reacts in the same way whether you are
    looking at something or thinking about it...

  7. #7
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,119
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Hi,

    As others have said - the navigation is clean and usable - it doesn't need to change.
    One thing I would add is not to have a fixed height - so you can make the nav grow with the font-size.

    If you aren't satisfied with the look - here's a good image replacement method to use from our very own Paul
    http://www.pmob.co.uk/temp/navimagereplace.htm


Bookmarks

Posting Permissions

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