• 0
Sign in to follow this  
Followers 0

How to make even table Widths

Question

Posted · Report post

Hi, so I pay for personal pagelines account but it wont let me post or read that forum but anyways heres my problem,

 

I have these two columns in my table where the blue side is longer than the green side. How can I get them to be even? I've tried messing with the width but it only changes the first side.

 

Table-Width.jpg

 

Also, here is url to the site http://ucsc-dsp.org/exec-board/

 

and here is the code:

 

<table width="800" border="7">
<tbody>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
President:Felix Chan</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Senior Vice President:Kimberli Chan</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Pledge Education:Joann Chau</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Finance:Nicole Chen</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Chapter Operations:Anna Vuong</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Chancellor:Saran Wong</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Professional Activities:Stacey Coleto</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Alumni Relations:Emily Murphy</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Scholarship and Awards:Megan Kavanaugh</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Community Service:Calvin Chow</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/wp-content/uploads/2013/09/Seal.png" />
Vice President of Brotherhood and Social Development:Marian Hsiung</td>
</tr>
</tbody>
</table>
 
 
Thanks for any and all help!!!!.
 
-Robin

 

 

 

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hi Robin,

 

If you add the following to your tables code it should resolve your issue.

 

Instead of having this:

 

<td align="center" valign="center">
 
Replace all <td> with this:
 
<td class="span6" align="center" valign="center">

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0