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

Li Weng · 11-16-2008, 08:24 PM

<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>
????: NamePros.com http://www.namepros.com/webmaster-tutorials/534062-how-put-borders-around-text-bit.html
<p><br />

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

6 different options by the way.

**-Nick-** · 11-16-2008, 11:03 PM

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

Thanks for posting it

Dozi Domains · 11-17-2008, 05:19 AM

thanks Li, I found the 3rd one especially useful

vivsin · 11-17-2008, 08:27 AM

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 · 11-19-2008, 06:59 PM

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

jlg365 · 11-30-2008, 05:08 PM

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

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(http://cdn.namepros.com/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!

11-16-2008, 08:24 PM	THREAD STARTER #1 (permalink)
Li Weng NamePros Member Join Date: Nov 2008 Posts: 82	How to put borders around text? A bit of coding for you. <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> ????: NamePros.com http://www.namepros.com/webmaster-tutorials/534062-how-put-borders-around-text-bit.html <p><br /> <div style="border:1px solid gold;padding:10px;"> <p>text here</p> </div> 6 different options by the way. __________________ - Insert backlink here -

11-16-2008, 11:03 PM	#2 (permalink)
-Nick- I'll do it Join Date: Dec 2005 Location: India Posts: 6,927 Follow @keralpatel	Nice one. Simple but helpful for many people out there. Thanks for posting it __________________ Delq\|Fhur\|Kegh\|Vhir\|Juhy\|Ruuz\|Jyos\|Jupt\|Vhek Webmaster Blog \| Software Downloads Makeup & Beauty Tips \| Sponsor Ads

11-17-2008, 05:19 AM	#3 (permalink)
Dozi Domains NamePros Member Join Date: Oct 2008 Posts: 131	thanks Li, I found the 3rd one especially useful __________________ ****Publishers! HOT NEWS!**** Join the Pepperjam Network Affiliate Program for free & get a $10 Sign On Bonus!

11-17-2008, 08:27 AM	#4 (permalink)
vivsin Senior Member Join Date: Oct 2005 Posts: 1,093	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 ) __________________ VIVROCKS "ROCK your LIFE" Visit : My Design Inspiration & Free Stuff Blog This is where I started, This is where I will end. NAMEPROS = kIcKaSs

11-19-2008, 06:59 PM	THREAD STARTER #5 (permalink)
Li Weng NamePros Member Join Date: Nov 2008 Posts: 82	No worries. You can also do it around your bonuses, make it look like a voucher. __________________ - Insert backlink here -

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)