Borders and Cell Spacing

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have been trying to add a border color around each cell in my table. I would also like to add a small amount of space above and below each link text. When I change the style of the text from small to header 6 it puts way to much space above each link. I would also like to center the text within each cell.

I am really a newbie with html so help would be greatly appreciated. I am copying the code to this questions. Thanks in advance for those who can help.

Home

Event Registration

About Us

Directory

Board Meetings

Meeting Schedules

Strategic Plan

Administrative Services

Student Services

Content Meetings

Grade Level Meetings

Contact Us

 

Photo of sandra.bertelsen

sandra.bertelsen

  • 2 Posts
  • 0 Reply Likes

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello sandra

Your code got interpreted on the forum. Can you please try using this encoder: http://forsite.synthasite.com/encoder... and then paste the code back in here.

Thanks.
Photo of sandra.bertelsen

sandra.bertelsen

  • 2 Posts
  • 0 Reply Likes
Sanja, I am posting the encoded code here.

<table border="0" cellspacing="1" cellpadding="3" width="200" bgcolor="#d6e0e0">
<tbody>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.php&quo... style="color: #336666">Home</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/reg... style="color: #336666">Event Registration</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/abo... style="color: #336666">About Us</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/dir... style="color: #336666">Directory</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/res... style="color: #336666">Board Meetings</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/dir... style="color: #336666">Directors Report</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/mee... style="color: #336666">Meeting Schedules</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/str... style="color: #336666">Strategic Plan</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/adm... style="color: #336666">Administrative Services</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/stu... style="color: #336666">Student Services</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/con... style="color: #336666">Content Meetings</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/gra... style="color: #336666">Grade Level Meetings</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/con... style="color: #336666">Contact Us</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.org/sch... style="color: #336666">School Websites</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.ractc.k12.nd.us/&quot;&gt;... style="color: #336666">RACTC</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.dickinsonstate.edu/WRTC.as... style="color: #336666">WRTC</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.edutech.nodak.edu/&quot;&g... style="color: #336666">EDUTech</span></a></span></span></td>
</tr>
<tr>
<td><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.ndrea.org/index.html&quot;... style="color: #336666">NDREA</span></a></span></span></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Sandra

Thanks for your patience. Here's something that may work for you.

<style type="text/css">
table { border: 1px outset green; }
td { border: 1px solid green; }
</style>

<table border="1" bordercolor="red" cellspacing="1" cellpadding="10" width="200" bgcolor="#d6e0e0">
<tbody>
<tr>
<td align="center"><span style="font-size: small"><span style="font-family: Arial"><a href="http://www.resp-k12-education.php&amp.... style="color: #336666">Home</span></a></span></span></td>
</tr>

It may look a little strange in the Sitebuilder but it should look good on your preview page and on your published page.

For the centering - you'll need to change all the td to td align="center" as shown in the example above.

I've increased the cellpadding so that there is a bit more space around the text.

Please let me know if you have any further questions or if something is not quite to your liking.