|
|
Posted by John Hosking on 01/30/07 19:30
al jones wrote:
>
> I've put the european 'quote' marks in as next page / previous page on two
> pages (08/??/63 WWvA and 08/11/63 WWvA Diary) clear and float aren't doing
> what I expect them to - but that isn't anything new.
>
> To add insult to injury, the image alignment which was working has just
> fallen apart again - and since you've understood what I've been trying to
> do, I'm imposing - if you would be so kind.
>
Hello, Al
Yes, I noticed yesterday you were "troubled" again but I couldn't take
time to look at your stuff then. Even now I'm a bit busy but will look
at your site a bit more soon. For now, two items which I can talk about
quickly because they're the two little things I might have a chance of
knowing what I'm talking about:
1. Your page titled/named "Forward" should really be "Foreword."
"Forward" is a direction; a "foreword" is the word(s) which come(s)
before. So your introductory text about who William Wallace Van Amber
was is really a foreword. Readers can go forward from there... ;-)
2. The European quotation marks (otherwise popularly known as LEFT- and
RIGHT-POINTING DOUBLE ANGLE QUOTATION MARKS or guillemets) are way too
small. Also, it's not readily apparent what they're doing there when
they *are* noticed. I suggest you style them larger and add a title
attribute, as for example in
<a class="ppage" title="to previous record" href="630809va1.html">«</a>.
(It would be better to say "previous letter" or "previous diary page" as
applicable, but that means you have to know what came before and after,
and be more careful about coding each page. More of a pain to maintain.)
And you don't want clear here, just float. But try rearranging the order
(no, it's not something you're expected to guess). Study (and try):
..ppage { float:left; font-size:1.4em; }
..npage { float:right; font-size:1.4em; }
h2 { text-align:center;
margin-top:0;
padding:0em; }
<a class="ppage" title="previous record" href="630809va1.html">«</a><a
class="npage" title="next record" href="630816va1.html">»</a><h2>Diary
Entries August 11th, 1863</h2>
That's all I can offer right now. More about the image alignment later.
But lets review your requirements, okay?
You want the diary pages on the left side of your main content (it's
understood the long list of letters and diary pages are on the screen's
far left, inviolate).
For each diary page image, you want the textual transcription to be to
the right of the image, with the first entry's text (starting with its
date) lining up with the top of the image containing that original text.
Yes?
Now, if the writer didn't have much to say (or the font size is
smallish), the text won't stretch down the length of the image. In this
case, you just want some empty space to the right of the lower part of
the image. Correct?
Each diary page might have three days' worth of entries, so the text
"per page" might stretch below the bottom of the page's image. (This can
also happen when the font size is large or huge or gigantic.) In this
case, what do you want to happen? Should the "extra" text flow under and
to the left, below the image? Or would you like the left margin of the
text transcription to always be a straight line, always to the right of
the images' right edges?
Do you like or dislike horizontal rules separating the diary pages'
texts (3 by 3)?
--
John
Navigation:
[Reply to this message]
|