How to maintain pages in School of Pharmacy websites
Tables
This page describes for web editors in the School of Pharmacy how to work with tables in a website built by the Office of Communications.
On this page
Insert a new table
-
Place your cursor on a new line where you’d like the table to appear.
-
Paragraph Format menu
Use the Paragraph Format menu to set the paragraph format to Normal.
-
Select the table button.
-
Complete the table properties dialog, leaving the following properties blank:
-
border size
-
alignment
-
width
-
height
-
cell spacing
-
cell padding
-
-
Select OK.
Change an existing table
Right-click the table to change table properties or to add or remove rows or columns.
Right-click any table cell to see more options.
You can also easily add a new row at the end of the table by placing your cursor in the last cell of the last row and pressing Tab.
In some cases changing tables breaks the table or otherwise results in something you didn’t expect. If this happens, let us know at Website and Communications Support and we’ll fix it for you.
Remove a table
Right-click the table, then select Delete Table. Or, for a touchscreen device, select the entire table, then press Delete or Backspace.
Format tables using stylesheet classes
Table styles enable you to control a table’s appearance. Specify one or more table style class names in the Stylesheet Classes field on the advanced table properties dialog. To use more than one style class name, separate them with a space character.
|
Stylesheet class name |
Description |
Examples |
|---|---|---|
|
block |
use this to force all links within the table to be block-level elements that take up the full width of their column |
Admissions, Honors and Awards, Spring Research Seminar |
|
c1-7pc |
specifies that the first column is 7% of the width of the table |
|
|
c1-12pc |
specifies that the first column is 12% of the width of the table |
|
|
c1-25pc |
specifies that the first column is 25% of the width of the table |
|
|
c1-45pc |
specifies that the first column is 45% of the width of the table |
|
|
c2-10pc |
specifies that the second column is 10% of the width of the table |
|
|
c2-25pc |
specifies that the second column is 25% of the width of the table |
|
|
c3-30pc |
specifies that the third column is 30% of the width of the table |
|
|
c3-45pc |
specifies that the third column is 45% of the width of the table |
|
|
collapse |
makes certain tables more legible at small browser widths |
|
|
contact |
used for tables showing headshots in column 1 and text in one or more columns following |
|
|
equal |
makes all columns equal width |
|
|
hide-row-lines |
removes the light gray horizontal lines between table rows |
|
| hide-row-highlight | prevents a row highlight color from appearing while hovering the pointer over the row | |
|
hhmmampm |
good for times like 8:00 am in the first column |
|
|
|
|
|
mmmdd |
good for dates like Jan 26 in the first column |
|
|
not-100pc-wide |
when you don’t want the table to take the full width of its column, note: when you use this class name, you must also not use the class name called equal |
|
|
print1col |
when the page is printed, this forces it to one column rather than the default of two columns |
|
|
tight |
reduces table padding for tables that are otherwise too tight to fit with normal padding |
Can’t get a table to look perfect? Contact us at Website and Communications Support.