Difference between revisions of "Page Layout"

From Wiki
Jump to navigation Jump to search
m (added link to Paul Tremblay's site)
(enhanced look of layout areas table)
Line 4: Line 4:
  
 
<table>
 
<table>
<tr style="background:#cccccc;">
+
<tr style="background:#ccccff;">
 
<td style="background:#ffffff;"></td>
 
<td style="background:#ffffff;"></td>
 
<td style="text-align:center;">leftedge </td>
 
<td style="text-align:center;">leftedge </td>
<td style="text-align:center;">leftmargin </td>
+
<td style="text-align:center;width:15%;">leftmargin </td>
<td style="text-align:center;">text </td>
+
<td style="text-align:center;width:50%;">text </td>
<td style="text-align:center;">rightmargin </td>
+
<td style="text-align:center;width:15%;">rightmargin </td>
 
<td style="text-align:center;">rightedge </td>
 
<td style="text-align:center;">rightedge </td>
 
</tr>
 
</tr>
 
<tr style="background:#cccccc;">
 
<tr style="background:#cccccc;">
<td> top </td>
+
<td style="background:#ccccff;"> top </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
Line 21: Line 21:
 
</tr>
 
</tr>
 
<tr style="background:#cccccc;">
 
<tr style="background:#cccccc;">
<td> header </td>
+
<td style="background:#ccccff;"> header </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
<td style="text-align:center;">header </td>
+
<td style="text-align:center;background:#DDDDDD;">header </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">.  </td>
 
<td style="text-align:center;">.  </td>
 
</tr>
 
</tr>
 
<tr style="background:#cccccc;">
 
<tr style="background:#cccccc;">
<td> text </td>
+
<td style="background:#ccccff;"> text </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
<td style="text-align:center;">marginals </td>
+
<td style="text-align:center;background:#DDDDDD;">marginals </td>
<td style="text-align:center;">text </td>
+
<td style="text-align:center;height:20em;background:#EEEEEE;">text </td>
<td style="text-align:center;">marginals </td>
+
<td style="text-align:center;background:#DDDDDD;">marginals </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
</tr>
 
</tr>
 
<tr style="background:#cccccc;">
 
<tr style="background:#cccccc;">
<td> footer </td>
+
<td style="background:#ccccff;"> footer </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
<td style="text-align:center;">footer </td>
+
<td style="text-align:center;background:#DDDDDD;">footer </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
</tr>
 
</tr>
 
<tr style="background:#cccccc;">
 
<tr style="background:#cccccc;">
<td> bottom </td>
+
<td style="background:#ccccff;"> bottom </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>
 
<td style="text-align:center;">. </td>

Revision as of 11:51, 27 March 2005

< Visuals | Layers | Columnsets >

You can use these design areas in your page:

leftedge leftmargin text rightmargin rightedge
top . . . . .
header . . header . .
text . marginals text marginals .
footer . . footer . .
bottom . . . . .

There's also a "distance" between each of the areas, e.g. leftedgedistance, leftmargindistance (from the named area to the inner).

\setuplayout[backspace=20mm,
	width=160mm,
	topspace=20mm, top=0mm,
	header=0mm, footer=0mm,
	height=250mm]

You can make all the geometry information visible with \showlayout.

See \setuplayout in the manual.

By using Layers, you can also place elements at specific places, as done in the BusinessCard example.

At Paul Tremblay's XML ConTeXt site, there's a lot about layout from a XML/FO perspective with some descriptive pictures.