Created
August 20, 2012 16:33
-
-
Save toddaeverett/3405605 to your computer and use it in GitHub Desktop.
Tables: setting padding, column width and column text-align via CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- The CSS part --> | |
table.week tbody tr td {padding:10px;text-align:center;background:url(../images/dots439bbe.png) repeat-x 0 100%;} | |
table.week tbody tr td[headers=title] {width:191px;text-align:left;} | |
table.week tbody tr td[headers=date] {width:100px;} | |
table.week tbody tr td[headers=host] {width:52px;} | |
table.week tbody tr td[headers=cost] {width:40px;} | |
table.week tbody tr td[headers=notes] {text-align:left;} | |
<!-- The HTML part --> | |
<table cellspacing="0" class="week" id="week1"> | |
<thead> | |
<tr> | |
<th id="title">Week One: Focus on Film</th> | |
<th id="date">Date</th> | |
<th id="host">Host</th> | |
<th id="cost">Cost</th> | |
<th id="notes">Notes</th> | |
</tr> | |
</thead> | |
<tbody valign="top"> | |
<tr> | |
<td headers="title"><a href="http://ucsd.tv/search-details.aspx?showID=17407" target="_blank">Jazz Camp Faculty on UCSD-TV</a></td> | |
<td headers="date">3/1/10 - 3/31/10</td> | |
<td headers="host">UCSD-TV</td> | |
<td headers="cost">Free</td> | |
<td headers="notes">Available on UCSD-TV</td> | |
</tr> | |
<tr> | |
<td headers="title"><a href="http://ucsd.tv/search-details.aspx?showID=17223" target="_blank">Revelle Forum: Frank Bruni on UCSD-TV</a></td> | |
<td headers="date">3/1/10 - 3/31/10</td> | |
<td headers="host">UCSD-TV</td> | |
<td headers="cost">Free</td> | |
<td headers="notes">Available on UCSD-TV</td> | |
</tr> | |
<tr> | |
<td headers="title"><a href="http://extension.ucsd.edu/studyarea/index.cfm?vAction=singleCourse&vCourse=GINT-81555" target="_blank">Advanced Screenwriting Workshop: Read and Critique</a></td> | |
<td headers="date">3/4/10 & 3/18/10</td> | |
<td headers="host"></td> | |
<td headers="cost">$</td> | |
<td headers="notes"></td> | |
</tr> | |
<tr> | |
<td headers="title"><a href="http://extension.ucsd.edu/studyarea/index.cfm?vAction=singleCourse&vCourse=LING-40095" target="_blank">Bookmaking for the ELI Classroom</a></td> | |
<td headers="date">3/5/10 - 3/10/10</td> | |
<td headers="host"></td> | |
<td headers="cost">$</td> | |
<td headers="notes"></td> | |
</tr> | |
<tr> | |
<td headers="title"><a href="http://extension.ucsd.edu/studyarea/index.cfm?vAction=singleCourse&vCourse=GINT-81554" target="_blank">First Steps to Publishing</a></td> | |
<td headers="date">3/6/10</td> | |
<td headers="host"></td> | |
<td headers="cost">$</td> | |
<td headers="notes"></td> | |
</tr> | |
</tbody> | |
</table> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment