What I should ideally like is page 2 on the left margin with an indentation of 10 px
All cell heights to be the same as those above as in the those for the entry number 6.
I have spent 4 hours so far and just can’t seem to get it to work
If it’s easy could the height of the very top row be adjusted too. The HTML i have for that is
The choice of appropriately descriptive classnames is up to you.
Because the styles are being moved from inline with the HTML to the stylesheet, issues of specificity may arise.
Firebug or another developer’s tool is your best friend.
Good show, Antony, that was very close! That counts in horseshoes!
Move the mouse a tad more to the right before clicking and you’ll be right over the “#” button. THAT’s the CODE tags button! (right next door to the Quote button).
Give it a try.
In the Quick Reply box, click the “#” button. Watch the [noparse]
[/noparse] tags appear! Paste you code between them and win a prize (ok, I’m teasing about the prize.)
Your code will be in a box with scroll bars and will retain its monospaced formatting.
Is the code in http://www.c5d.co.uk/1871.php still valid? Can I use the code at that URL to discuss a possible solution? In other words, are you using the 1871 code on the 1861 page? (The layouts look the same; nevertheless, I ask.)
Never mind. I just realized that the 1871 page uses 1861 styles. I’ll get back with you shortly.
.evenpagenumber p,
.oddpagenumber p {
position:relative; /* provides the context for the absolutely positioned page numbers. */
text-align:center; /* center-aligns the p text */
padding:0 8em; /* This reserves space for the page numbers at the ends of the paragraph. Possibly needed IF the p text becomes wider or the table becomes narrower. It is not necessary here at this time. */
}
.evenpagenumber span {
position:absolute;
left:0; /* position the even page number against the left edge of the paragraph */
margin-left:1em; /* add left margin to the page number inside the left edge of the paragraph */
}
.oddpagenumber span {
position:absolute;
right:0; /* position the odd page number against the right edge of the paragraph */
margin-right:1em; /* add right margin to the page number inside the right edge of the paragraph */
}
Add the appropriate classname .evenpagenumber or .oddpagenumber to the <tr> tag. (NOT the <td> tag).
Construct the <td> tag as shown in this general example:
<table>
<tr class="oddpagenumber">
<td><p><span>Page 1</span>The undermentioned Houses are situate with the Boundaries of the</p></td>
</tr>
<tr class="evenpagenumber">
<td><p><span>Page 2 ]</span>The undermentioned Houses are situate with the Boundaries of the</p></td>
</tr>
</table>
Excellent. Glad to know that it works for you. Thanks for the feedback. Happy New Year!
BTW - there are no line breaks in that line. The height was being applied by the default paragraph margins. Adding margin:0; was the appropriate tweak.
Although you show 11 columns in the CSS, there are no column classes in the HTML, so, except for .col1, they are doing nothing
That’s not necessarily a bad thing. Also, the styles associated with the rotated text in col1 need to be changed to keep it from overflowing the left and right edges of the column (except for the topmost table which fits nicely and will continue to do so).
Try changing these styles to the blue values and see how that works, or just delete them:
These vaues for the rotated text are specific and depend on the size of the text box and the width of the box into which it is to fit after rotation. They cannot be copied and pasted into new cells and expected to work.
(ok, I’m teasing about the prize.)