Thanks. That’s what I’m doing, sort of. I applied the class as a logo and then had the logo as a background image. All the nav is spaced out well and the logo is centered within it, but what I keep running into is the whole nav itself not being perfectly centered. I’d show you my code but I’m not sure how to put that in here. If I paste in my code (if you could tell me how) will it help you to help me? I want to learn from whatever mistake I’m making so I know how to do this in the future.
From an SEO standpoint there is nothing wrong with putting the logo in a list item as its still readable by Google and other search engines, however a screen reader would have a field trip with it since they read the source from top to bottom, left to right.
Since the logo would be in a list item a screen reader would go
Yes but isn’t that correct? I mean it is in the middle so screenreaders would read it correctly based on the layout. Sighted users would see Home/Stats first too.
Additionally – you’ve also got the alt-tags available if the image is physical rather than a CSS background (I always make them an actual image for this purpose rather than css background). So you could have “Michigan Logo, we do blah blah blah”.
Thanks for all your comments. I wasn’t thinking about SEO…and probabyl should. Some students in my class are trying to figure this centered logo situation out and haven’t gotten it yet. This is the closest I came and it’s a pretty pathetic attempt. Any ideas?
Thanks HugoGiraudel, but I’m wondering, when I re-size the window the whole nav area isn’t centered. That’s the problem I’ve been having. It’s shifted more to the left. Am I missing something?
Thanks for that Andy, I’ll make sure I’ll add it next time.
Miela, re: your sizing/alignment issue – all of the LI (list items) are currently floated left, so they’re stacking, all you need to do is work out how big your container is and then add padding to each to fill evenly and that bad boy will be ready for dinner.