I'm a somewhat newbie to CSS's newest techniques, but I did create a pretty cool popup navigation bar for our website that completely uses CSS instead of JavaScript. You can see it at <!-- m --><a class="postlink" href="http://www.douglas-county.com">http://www.douglas-county.com</a><!-- m -->
But I still use tables for the formatting of our site, and that's where I'm sort of lost when it comes to using CSS for positioning instead of tables. Is it complicated to do this? Is there a pretty good tutorial on how this is done? The more advice I receive on CSS Positioning now, the better off I'll be later
Thanks for any help.<!-- m --><a class="postlink" href="http://www.w3schools.com/css/This">http://www.w3schools.com/css/This</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp</a><!-- m -->) is good.Hi -
Guess I was lucky to learn CSS in tandum with (x)html
and never got around to tabular-based layouts until
recently...the #1 tip I could give you would be to:
NOT think of it as a replacement for or a way to
achieve effects just like those of a table.
Let your content and basic html elements be your guide to
the layout. [Form Follows Function] For instance,
an unordered list is obviously suited to navbar/links -
a definition list for a glossary of terms - a paragraph
for small sections - a div for larger 'hunks', etc.
Once you've got that ready, it's just a matter of adding
the styles to really get things together. Take the
time to understand the document flow, box model, etc.
and make sure you know the attributes and values well.
Let go of the 'control' that a table-based layout tends
to get one into - it's a totally different way of approaching
the design - which you'll find hard to open up to unless
you drop some old habits first!
Good luck & have fun,
ElAfter going to W3Schools, the only other sites you need are A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) and the World Wide Web Consortium (<!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m -->). I'll refrain from writing anything further, and instead urge you to read just about every article at A List Apart.Originally posted by toicontien
After going to W3Schools, the only other sites you need are A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) and the World Wide Web Consortium (<!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m -->). I'll refrain from writing anything further, and instead urge you to read just about every article at A List Apart.
I found w3.org to be quite good enough. alistapart has helped a great deal as well w/ how to do various things. i honestly havent really used W3Schools though
Thanks for all of the great references and advice. I greatly appreciate LJK's advice on looking at it from a different persective, which really helps me out. It definitely looks like something that I'll first have to test out to gain confidence in using it. And then I'll slowly but surely use it throughout my site, with the help of all of these great references. Thanks again.
But I still use tables for the formatting of our site, and that's where I'm sort of lost when it comes to using CSS for positioning instead of tables. Is it complicated to do this? Is there a pretty good tutorial on how this is done? The more advice I receive on CSS Positioning now, the better off I'll be later
Thanks for any help.<!-- m --><a class="postlink" href="http://www.w3schools.com/css/This">http://www.w3schools.com/css/This</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp</a><!-- m -->) is good.Hi -Guess I was lucky to learn CSS in tandum with (x)html
and never got around to tabular-based layouts until
recently...the #1 tip I could give you would be to:
NOT think of it as a replacement for or a way to
achieve effects just like those of a table.
Let your content and basic html elements be your guide to
the layout. [Form Follows Function] For instance,
an unordered list is obviously suited to navbar/links -
a definition list for a glossary of terms - a paragraph
for small sections - a div for larger 'hunks', etc.
Once you've got that ready, it's just a matter of adding
the styles to really get things together. Take the
time to understand the document flow, box model, etc.
and make sure you know the attributes and values well.
Let go of the 'control' that a table-based layout tends
to get one into - it's a totally different way of approaching
the design - which you'll find hard to open up to unless
you drop some old habits first!
Good luck & have fun,
ElAfter going to W3Schools, the only other sites you need are A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) and the World Wide Web Consortium (<!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m -->). I'll refrain from writing anything further, and instead urge you to read just about every article at A List Apart.Originally posted by toicontien
After going to W3Schools, the only other sites you need are A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) and the World Wide Web Consortium (<!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m -->). I'll refrain from writing anything further, and instead urge you to read just about every article at A List Apart.
I found w3.org to be quite good enough. alistapart has helped a great deal as well w/ how to do various things. i honestly havent really used W3Schools though
Thanks for all of the great references and advice. I greatly appreciate LJK's advice on looking at it from a different persective, which really helps me out. It definitely looks like something that I'll first have to test out to gain confidence in using it. And then I'll slowly but surely use it throughout my site, with the help of all of these great references. Thanks again.