Bite Size Standards - bitesTasty nuggets of web standards goodnessA polite reminder to potential authors- May 27, 2006 Please do not submit your articles yet, we are not ready to take them and they may be lost or forgotten about as a result. We will notify you here when the time comes to start sending your links. Thanks.http://bitesizestandards.com/bites/a-polite-reminder-to-potential-authors Centering block elements- May 26, 2006 A common practice in web design is centering the entire web page in relation to the viewport. If you wish to center block elements such as divs, lists or even paragraphs, all you need to do is to define a width and margin. container margin: 0 auto; width: 760px; The code above will center an HTML element with the id of container (which is a common name used for the div &8220;wrapper&8221; of an entire page). This will, however, need some additions if you wish to support older...http://bitesizestandards.com/bites/centering-block-elements Understanding "Any order columns"- May 21, 2006 The problem we are solving here is how to have three columns in the following order in the source document&8212; main, nav, and links &8212; but laid out in any order we want using CSS. Our markup contains three divs, each with an appropriate id and content. &60;div id="main"&62;...content ...&60;div&62; &60;div id="nav"&62;...content...&60;div&62; &60;div id="links"&62;...content...&60;div&62; The first thing we are going to do is give them all a width and float them left, as well as...http://bitesizestandards.com/bites/understanding-any-order-columns Want to be a bite sized author- May 17, 2006 Very soon we will be ready to start accepting new authors, and to give you a head start we thought we&8217;d let you know what you need to do. You will need to write three articles which will go through a voting system. If all three are approved, you become an author&8212;simple! You don&8217;t need to write and submit all three at once; thanks to Matthew Pennell we have a voting system that lets you submit your work over time and it automagically tallies your votes and tells us when you...http://bitesizestandards.com/bites/want-to-be-a-bite-sized-author Create complex borders with multiple classes- May 6, 2006 Styling a data table or other fancy piece of code and need complex border beauty You could use individual classes for each of the many possibilities, or you could use just four classes and achieve the same effect. For example: .t border-top: 1px solid 000; .r border-right: 1px solid 000; .b border-bottom: 1px solid 000; .l border-left: 1px solid 000; And then... <td class="l"> <td class="t l r"> <td class="t b"> ...to your heart's content. Mix and match with...http://bitesizestandards.com/bites/create-complex-borders-with-multiple-classes Colour with Contrast- May 4, 2006 Want to make sure your site is readable by the widest possible audience without being "boring" and "ugly" but aren't sure how A selection of tools are now available to help you choose colours or check the colours you've been given to provide adequate contrast. Using these at the very earliest stages of the design process could save you potential headaches later. Can't change the colours If you're given a colour scheme where none of the possible colour combinations are acceptable, improve...http://bitesizestandards.com/bites/colour-with-contrast |