im a newbe to css, can u use css for layouts, how is this done?Originally posted by dera
im a newbe to css, can u use css for layouts, how is this done?
Yes (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/">http://www.ryanbrill.com/</a><!-- m -->), you (<!-- m --><a class="postlink" href="http://www.stopdesign.com/">http://www.stopdesign.com/</a><!-- m -->) can (<!-- m --><a class="postlink" href="http://www.mezzoblue.com/">http://www.mezzoblue.com/</a><!-- m -->) use (<!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->) CSS (<!-- m --><a class="postlink" href="http://www.1976design.com/blog/">http://www.1976design.com/blog/</a><!-- m -->) for (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) your (<!-- m --><a class="postlink" href="http://www.accessify.com/">http://www.accessify.com/</a><!-- m -->) layout (<!-- m --><a class="postlink" href="http://www.andybudd.com/blog/">http://www.andybudd.com/blog/</a><!-- m -->).Lol (www11.brinkster.com/hackus/index.asp), very (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/">http://www.fsg-uk.com/</a><!-- m -->) clever (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/rjsystems/index.php">http://www.fsg-uk.com/rjsystems/index.php</a><!-- m -->).
All of these web-sites use CSS and XHTML for layout. You must lay down the ground work with good, valid (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->), XHTML (or HTML) and then style it with CSS.
CSS doesn't stand alone, in the three sites that I posted you should only see a very small amount of CSS in the source of the pages, that's because I removed it to separate files which allows the same CSS to be used on many pages which gives a centralised structure. Just one of the many advantages of using CSS for layout purposes.how is this done? While CSS isn't designed for layout purposes per s? a combination of different positioning techniques can be applied to achieve rather intricate designs.
These techniques include floating elements, positioning them, either relative or absolute, and - often overlooked - by simply letting them flow normally (all block level elements will naturally stack on top of each other).
Some nice examples of how a basic, well-structured document can be presented in a variety of completely different ways using strictly CSS can be seen in the Zen Garden (<!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->).
im a newbe to css, can u use css for layouts, how is this done?
Yes (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/">http://www.ryanbrill.com/</a><!-- m -->), you (<!-- m --><a class="postlink" href="http://www.stopdesign.com/">http://www.stopdesign.com/</a><!-- m -->) can (<!-- m --><a class="postlink" href="http://www.mezzoblue.com/">http://www.mezzoblue.com/</a><!-- m -->) use (<!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->) CSS (<!-- m --><a class="postlink" href="http://www.1976design.com/blog/">http://www.1976design.com/blog/</a><!-- m -->) for (<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->) your (<!-- m --><a class="postlink" href="http://www.accessify.com/">http://www.accessify.com/</a><!-- m -->) layout (<!-- m --><a class="postlink" href="http://www.andybudd.com/blog/">http://www.andybudd.com/blog/</a><!-- m -->).Lol (www11.brinkster.com/hackus/index.asp), very (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/">http://www.fsg-uk.com/</a><!-- m -->) clever (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/rjsystems/index.php">http://www.fsg-uk.com/rjsystems/index.php</a><!-- m -->).
All of these web-sites use CSS and XHTML for layout. You must lay down the ground work with good, valid (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->), XHTML (or HTML) and then style it with CSS.
CSS doesn't stand alone, in the three sites that I posted you should only see a very small amount of CSS in the source of the pages, that's because I removed it to separate files which allows the same CSS to be used on many pages which gives a centralised structure. Just one of the many advantages of using CSS for layout purposes.how is this done? While CSS isn't designed for layout purposes per s? a combination of different positioning techniques can be applied to achieve rather intricate designs.
These techniques include floating elements, positioning them, either relative or absolute, and - often overlooked - by simply letting them flow normally (all block level elements will naturally stack on top of each other).
Some nice examples of how a basic, well-structured document can be presented in a variety of completely different ways using strictly CSS can be seen in the Zen Garden (<!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->).