http://snippets.dzone.com/posts Fri, 25 Jul 2008 02:53:36 GMT DZone Snippets: blueprint code http://snippets.dzone.com/posts/show/5010 Changes the widths of form elements so they fit into smaller columns created using the <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS framework</a>. <br /> <br /><code>div.span-1 input.text, div.span-1 input.title { width: 30px; } <br />div.span-2 input.text, div.span-2 input.title { width: 50px; } <br />div.span-3 input.text, div.span-3 input.title { width: 90px; } <br />div.span-4 input.text, div.span-4 input.title { width: 130px; } <br />div.span-5 input.text, div.span-5 input.title { width: 170px; } <br />div.span-6 input.text, div.span-6 input.title { width: 210px; } <br />div.span-7 input.text, div.span-7 input.title { width: 250px; } <br />div.span-8 input.text, div.span-8 input.title { width: 290px; } <br /> <br />div.span-1 select { width: 30px; } <br />div.span-2 select { width: 50px; } <br />div.span-3 select { width: 90px; } <br />div.span-4 select { width: 130px; } <br />div.span-5 select { width: 170px; } <br /> <br />div.span-1 textarea { width: 30px; height: 25px; } <br />div.span-2 textarea { width: 50px; height: 50px; } <br />div.span-3 textarea { width: 90px; height: 75px; } <br />div.span-4 textarea { width: 130px; height: 100px; } <br />div.span-5 textarea { width: 170px; height: 125px; } <br />div.span-6 textarea { width: 210px; height: 150px; } <br />div.span-7 textarea { width: 250px; height: 175px; } <br />div.span-8 textarea { width: 290px; height: 200px; } <br />div.span-9 textarea { width: 330px; height: 225px; } <br />div.span-10 textarea { width: 370px; height: 250px; }</code> Sat, 19 Jan 2008 17:00:14 GMT http://snippets.dzone.com/posts/show/5010 sporkyy (Todd Sayre)