Last time I hear more often that in sight of usability you must put your navigation in the bottom of your xhtml and then with css you can set it on top of the page again. But I am not really sure how this works. While I won’t use position: absolute, I don’t know a very good way to do this. Does somebody have some experience with this?
That doesn’t seem very semantic to me. I feel as though you should put it in your code relative to how it appears on the page.
If anywhere I would say put it at the top, and under the logo and title, so at least if a user has css turned off the navigation is easily accessible.
I think it’s a SEO trick.
Search engines loves the important stuff before everything.
>my tuppence worth… being found in search engines in great, but I feel that it’s more important to develop a webpage for the people who will be using it. In that sense, if you want the navigation near the top, then you place it near the top in your HTML. That way visitors to your site will get a similar experience – those with screen-readers, those with full vision, those on mobile devices etc… include a skip-to-content facility for accessibility and you’re done.
If you do a good job, reversing the positions of elements, the navigation is not affected negatively …
I use these techniques for a long time and work well…
Well, we have different opinions on this lol – but that’s all good in a forum :)
fyi, this didn’t work because of the = in the list tag. Just remove it unless you want to specify a numbered list or lettered list (for those, add 1 or a, respectively).
I did not understand…
You might explain more easily? (I am Italian and I do not understand very well the English)
1. to set the menu in the bottom of the xhtml and in the top of the final layout using CSS and position:static, look my blog restyling
2. to set the menu in the bottom of the xhtml and in the top of the final layout using CSS and position:absolute,
look my dentist website
In a few days i write in this post how to set the menu in the bottom of the xhtml and in the top of the final layout.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".