Hello,I am trying to make a border using the image in theme stylo by div.
I've done on the left side
function opentable($title) {
echo "<div class='capmain-left clearfix '></div>\n";
echo "<div class='capmain-right clearfix'></div>\n";
echo "<div class='capmain clearfix'>\n";
echo "<div class='flleft' algin='center' style='padding-top: 12px; padding-left: 10px;'>".$title."</div>\n";
echo "</div>\n";
echo "<div class='main-body floatfix spacer'>\n";
echo "<div class='left-border-image'>\n"; ///this is border.
}
function closetable() {
echo "</div>\n";
echo "</div>\n";
}
.left-border-image {
margin-left: -4px;
margin-top: -4px;
padding: 10px;
background: url(images/left-border.gif) repeat-y;
}
But I can not do it right...I have added to:
But does not work,I know it should look something like this,but do not know how to implement. :| :
<div id="wrapper">
<div id="left">hi, this is left</div>
<div id="middle">hi, this is the middle</div>
<div id="right">hi, this is right</div>
</div>
CSS:
#wrapper { overflow:hidden; }
#left { float:left; width:100px; }
#middle { float:left; width:auto; }
#right { float:right; width:100px; }
Image Border:
Left:

Right:
Sorry of my english ;)