Improve company productivity with a Business Account.Sign Up

x
?
Solved

How to Increase the Space Between the Columns but not the Rows in a HTML Table

Posted on 2014-02-07
2
Medium Priority
?
9,518 Views
Last Modified: 2014-02-07
I have created the following table which holds a series of anchors that link to topics within the page:

<table border="0" cellspacing="1" cellpadding="2" align="center">
<tbody>
<tr>
<td><a style="font-size: xx-small;" href="http://www.saiprograms.com/john-cabot-university-syllabi-new#arthist">Art History and Studio Art</a></td>
<td><a style="font-size: xx-small;" href="http://www.saiprograms.com/john-cabot-university-syllabi-new#econsocsci">Economics and Social Sciences</a></td>
<td><a style="font-size: xx-small;" href="http://www.saiprograms.com/john-cabot-university-syllabi-new#mathsci">Mathematics</a></td>
</tr>
</tbody>
</table>

I would like to have more space between the columns, but not the rows. However, if I try to increase the cell spacing, the space between the rows also increase.

How can I just increase the column width only?
0
Comment
Question by:geeta_m9
2 Comments
 
LVL 8

Accepted Solution

by:
Adrian Crabtree earned 1400 total points
ID: 39842516
Hi geeta_m9, you could try adding padding to the td. Here's a link to illustrate that idea.

http://jsfiddle.net/tB96H/1/
0
 

Author Closing Comment

by:geeta_m9
ID: 39842543
Thanks.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article discusses four methods for overlaying images in a container on a web page
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

595 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question