Comments on: CSS Tip 1: Put the content first. http://cafe.elharo.com/web/css-tip-1-put-the-content-first/ Longer than a blog; shorter than a book Tue, 06 Jan 2009 11:59:34 +0000 http://wordpress.org/?v=2.6.3 By: Robert http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-112629 Robert Mon, 23 Jul 2007 13:23:40 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-112629 My question is, how can you do this if you have a horizonal div for your navigation, sure you can put the content first in your page but the layout of that div is is relative to order you specify it in your code. A side bar navigation is ofcourse a peice of cake, how ever i dont see how you can do this with a horizontal navigation which visually should really come before your content. Please help me out, thanks in advance. Rob My question is, how can you do this if you have a horizonal div for your navigation, sure you can put the content first in your page but the layout of that div is is relative to order you specify it in your code. A side bar navigation is ofcourse a peice of cake, how ever i dont see how you can do this with a horizontal navigation which visually should really come before your content.

Please help me out, thanks in advance.

Rob

]]> By: josefk http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-50493 josefk Mon, 22 Jan 2007 17:41:26 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-50493 I agree content should be first... arranging columns seems simple enough, but getting the content before the header seems more problematic. Could position:absolute the header at the top of the page, with a margin of the same height on the content, but this presupposes knowing the height of the header, and also it being of a fixed height. Resizing browser window would cause havoc... So....Any ideas? I agree content should be first… arranging columns seems simple enough, but getting the content before the header seems more problematic. Could position:absolute the header at the top of the page, with a margin of the same height on the content, but this presupposes knowing the height of the header, and also it being of a fixed height. Resizing browser window would cause havoc…

So….Any ideas?

]]> By: BogeyWebDesign http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-44867 BogeyWebDesign Tue, 02 Jan 2007 11:36:14 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-44867 I never thought about content first being about accessibility, but it does make sense. You can also factor in that search engines give more importance to what is first in the source code - they can't see how the page is laid out. So not only will a content first design be more accessible but it will also be more SEO. Plus, if it is a long article, many engines stop reading after so many characters. If more designers could understand, design and implement CSS in this way the web would be a much friendlier place. Good post. I never thought about content first being about accessibility, but it does make sense. You can also factor in that search engines give more importance to what is first in the source code - they can’t see how the page is laid out. So not only will a content first design be more accessible but it will also be more SEO. Plus, if it is a long article, many engines stop reading after so many characters. If more designers could understand, design and implement CSS in this way the web would be a much friendlier place.

Good post.

]]> By: Yury http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-4815 Yury Wed, 28 Jun 2006 23:35:34 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-4815 juhuuu.. here http://www.alistapart.com/articles/negativemargins/ i have found the code im looking for :) juhuuu..

here http://www.alistapart.com/articles/negativemargins/ i have found the code im looking for :)

]]> By: Yury http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-4809 Yury Wed, 28 Jun 2006 22:59:01 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-4809 where can i get the css code for your html code example? where can i get the css code for your html code example?

]]> By: Stefan Kleineikenscheidt » CSS - Not All Good? http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-246 Stefan Kleineikenscheidt » CSS - Not All Good? Sat, 18 Mar 2006 22:37:59 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-246 [...] Elliotte Rusty Harold states that “CSS layouts that are almost as inflexible and inaccessible as the table based layouts they replace.” In this article “Put Content First” he suggests this page structure: [...] [...] Elliotte Rusty Harold states that “CSS layouts that are almost as inflexible and inaccessible as the table based layouts they replace.” In this article “Put Content First” he suggests this page structure: [...]

]]> By: John Cowan http://cafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-234 John Cowan Mon, 06 Mar 2006 19:04:48 +0000 http://minicafe.elharo.com/web/css-tip-1-put-the-content-first/#comment-234 See http://www.alistapart.com/articles/holygrail , which explains how to do classical left- and right-bar layout, fixed width, with a liquid center, using XHTML and CSS only. The header still precedes the content, however. See http://www.alistapart.com/articles/holygrail , which explains how to do classical left- and right-bar layout, fixed width, with a liquid center, using XHTML and CSS only. The header still precedes the content, however.

]]>