How to put borders around text? A bit of coding for you.

[Li Weng]

<table border=1><tr><td> text here </td></tr></table>



<div style="border:1 solid #000000;background-color:#999999;margin:10px;padding:10px;">
text here
</div>




<center>
<table width="50%" border="5" bordercolorlight="#cc6633" bordercolordark="#cc0000"
cellspacing="9" cellpadding="3">
<tr align="middle">
<td>
<font size="5" color="#990000">
text here
</font>
</td>
</tr>
</table>
</center>




Large Red Dashed Border Code
<table width="357" height="267" align="center" style='border: 8px dashed red;'>
<tr>
<td align="center" valign="top"><div align="center">
text here
</div></td>
</tr>
</table>
<div align="center">


<div style="width:400px;text-align:left;padding:5px;background-color:#ffffc1;border:2px dotted black;font-size:12px;">text here</div>
<p> </p>
<p><br />


<div style="border:1px solid gold;padding:10px;">
<p>text here</p>
</div>

6 different options by the way.

 

[Keral_Patel]

Nice one. Simple but helpful for many people out there.

Thanks for posting it

 

[Dozi Domains]

thanks Li, I found the 3rd one especially useful

 

[vivsin]

You can utilize this concept in making your BLOG TAGS to stand out

just recode the STYLE associated to tags ( look inside the index.php to find out which tag )

 

[Li Weng]

No worries. You can also do it around your bonuses, make it look like a voucher.

 

[jlg365]

How about putting a border around the whole sidebar in Wordpress? Do you edit the style.css page? This is my sidebar code:

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:10px; color:#9fc253;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#9fc253;}
#sidebar a { color:#72b6cf; font-weight:normal;}

Any help would be great!