urolicious

1. create your png background image. this will be a couple of pixels wider than the width of your actual site. the extra width is dependent on how wide your shadow is. so if your shadow is 10px wide and your site is 900px wide, your image will be 920px …

If you're generating the HMTL code yourself, add a class to the rows you want to style without borders. E.G. HTML [CODE] <table width="492" border="0" bordercolor="#202020" align="left" cellpadding="7" RULES=ROWS FRAME=HSIDES><tbody> <tr><td>1st row</td></tr> <tr class="noborders"><td>2nd row</td></tr> <tr><td>1st row</td></tr> <tr class="noborders"><td>2nd row</td></tr> </tbody></table> [/CODE] and style the CSS accordingly. [CODE] .noborders td …

div#main needs to be enclosed in the div#content-wrap. this will stop your text from "hanging out" :) you need to change your HTML to the following: [CODE] <div id="content-wrap"> <div id="sidebar"> <h1>Search Box</h1> <form action="http://www.free-css.com/" class="searchform"> <p> <input name="search_query" class="textbox" type="text" /> <input name="search" class="button" value="Search" type="submit" /> </p> </form> …

could you post up the CSS?

when i get this kind of problem i find that it's usually due to uncleared floats... you need to check that you have cleared all your floats.. looks like you haven't cleared div#leftbar

You could do exactly that or go for a little more flair with "faux columns". There is definitely no other way to make them have the same height.

You can definately do that with regex, but I believe without would be faster: eg: [PHP] function my_nl2br($str, $rep = "<br />", $max = 2) { $arr = explode("\r\n", $str); $str = ''; $nls = 0; foreach($arr as $line) { $str .= $line; if (empty($line)) { $nls++; } else { …