I need to know an informative site (with examples) to learn CSS layout techniques from scratch.
My site has 4 columns. The 1st, 2nd and 4th (left to right) columns have an image background, while the 3rd has mostly text. I want to replace this table with CSS columns. I already know a bit of CSS as far as positioning is concerned.<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html">http://www.thenoodleincident.com/tutori ... boxes.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->
You may also find <!-- m --><a class="postlink" href="http://www.alistapart.com">http://www.alistapart.com</a><!-- m --> useful for some neat CSS tricks.Well, I'm sorry to say, but it's going to be hard to have a four-column layout with CSS, becuase with all different backgrounds, they wouldn't all stretch to the bottom of the page. You would have to make all the backgrounds into one image. For a good lesson in columns, see Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->).
-Dan
My site has 4 columns. The 1st, 2nd and 4th (left to right) columns have an image background, while the 3rd has mostly text. I want to replace this table with CSS columns. I already know a bit of CSS as far as positioning is concerned.<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html">http://www.thenoodleincident.com/tutori ... boxes.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->
You may also find <!-- m --><a class="postlink" href="http://www.alistapart.com">http://www.alistapart.com</a><!-- m --> useful for some neat CSS tricks.Well, I'm sorry to say, but it's going to be hard to have a four-column layout with CSS, becuase with all different backgrounds, they wouldn't all stretch to the bottom of the page. You would have to make all the backgrounds into one image. For a good lesson in columns, see Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->).
-Dan