Jump to content


Photo
- - - - -

How to make even table Widths


  • Please log in to reply
1 reply to this topic

#1 ucscdsp

ucscdsp

    Newbie

  • Members

  • 4 posts
  • Country: Country Flag

Posted 25 September 2013 - 07:44 AM

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/...013/09/Seal.png" />
President:Felix Chan</td>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/...013/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/...013/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/...013/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/...013/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/...013/09/Seal.png" />
Chancellor:Saran Wong</td>
</tr>
<tr>
<td align="center" valign="center"><img alt="description here" src="http://ucsc-dsp.org/...013/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/...013/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/...013/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/...013/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/...013/09/Seal.png" />
Vice President of Brotherhood and Social Development:Marian Hsiung</td>
</tr>
</tbody>
</table>
 
 
Thanks for any and all help!!!!.
 
-Robin

 

 

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16358 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 September 2013 - 08:17 AM

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">