Title: Format Table
Last modified: August 21, 2016

---

# Format Table

 *  [trinker](https://wordpress.org/support/users/trinker/)
 * (@trinker)
 * [13 years ago](https://wordpress.org/support/topic/format-table/)
 * I have created a table to house a simple staff directory.
 *     ```
       <table class="staff">
       	<col width="110">
       	<col width="220">
       	<col width="50">
       	<col width="110">
       	<col width="220">
   
       	<tr>
       		<td><p><a href="http://gse.buffalo.edu/about/directory/faculty/2039" target="_blank"><img src="http://gse.buffalo.edu/gsefiles/images/faculty/1.jpg?1297976809" width="100" height="130"></a></p>
       		</td>
       		<td><div><b>Director</b></div>
       			<div><b>Associate Professor</b></div>
       			<div><a href="http://gse.buffalo.edu/about/directory/faculty/2039">Mary McVee, Ph.D. </a></div>
       			<div>716.645.2458</div>
       			<div>mcvee@buffalo.edu</div>
       		</td>
   
       		<td>&nbsp;</td>
   
       		<td><p><a href="http://gse.buffalo.edu/about/directory/faculty/9412" target="_blank"><img src="http://gse.buffalo.edu/gsefiles/images/faculty/Ashlee%20Ebert.jpg?1256757499" width="100" height="130"></a></p>
       		</td>
       		<td><div><b>Associate Director</b></div>
       			<div><b>Instructor</b></div>
       			<div><a href="http://gse.buffalo.edu/about/directory/faculty/9412">Ashlee Ebert, Ph.D.</a></div>
       			<div>716.645.1058</div>
       			<div>ashleeeb@buffalo.edu</div>
       		</td>
       	</tr>
   
       	<tr>
       		<td><p><a href="http://gse.buffalo.edu/about/directory/faculty/9416" target="_blank"><img src="http://gse.buffalo.edu/gsefiles/images/faculty/tynan.jpg?1255468952" width="100" height="130"></a></p>
       		</td>
       		<td><div><b>Instructor</b</div>
       			<div><b>Clinical Assistant Professor</b></div>
       			<div><a href="http://gse.buffalo.edu/about/directory/faculty/9416">Elizabeth Tynan, Ph.D. </a></div>
       			<div>716.645.4077</div>
       			<div>tynan@buffalo.edu</div>
       		</td>
   
       		<td>&nbsp;</td>
   
       		<td><p><a href="http://about.me/tylerrinker/" target="_blank"><img src="http://i.imgur.com/hAXNaAi.png" width="100" height="130"></a></p>
       		</td>
       		<td><div><b>Research Project Manager</b></div>
       			<div><a href="http://about.me/tylerrinker/">Tyler Rinker, M.Ed.</a></div>
       		</td>
       	</tr>
   
       </table>
       ```
   
 * with:
 *     ```
       table.staff{
       	font-size:14px;
       	margin:0 auto;
       	border-collapse: collapse;
       	padding: 0px;
       	text-align: center;
       }
       ```
   
 * added to the style.css. When I do this as [stand alone code](https://dl.dropboxusercontent.com/u/61803503/Errors/staff.html)
   in a browser it looks as expected. However [on the website](http://gsewebwp.gse.buffalo.edu/org/clari/index.php/contact/staff/?preview=true&preview_id=214&preview_nonce=771fe7948d)
   the table is poorly formatted. The text comes below the pictures and doesn’t 
   start at the top of the cell.
 * What should I do to get the table so that the pictures and text are centered 
   vertically and horizontally in each cell (and text doesn’t hang below images)?
 * The middle column is a dummy column intended to give space between the people.
   In the visual view of the page the table looks like it’s well formatted but does
   not render as so.

Viewing 1 replies (of 1 total)

 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [13 years ago](https://wordpress.org/support/topic/format-table/#post-3740900)
 * Tables are no longer used. CSS is.
 * [http://www.htmlgoodies.com/beyond/css/css3-preview-tables-and-grids.html](http://www.htmlgoodies.com/beyond/css/css3-preview-tables-and-grids.html)
 * Try looking at your tables on a small screen, droid, iphone, etc…

Viewing 1 replies (of 1 total)

The topic ‘Format Table’ is closed to new replies.

## Tags

 * [table](https://wordpress.org/support/topic-tag/table/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/format-table/#post-3740900)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics