This page has moved to a new address.

Script Analysis - Text Layout

blockquote { font-style:normal; padding:0 32px; line-height:1.6; margin:0 0 .6em 0; } p {margin:0;padding:0}; abbr, acronym { cursor:help; font-style:normal; } code {font:12px monospace;white-space:normal;color:#666;} hr {display:none;} img {border:0;} /* Link styles */ a:link {color:#473624;text-decoration:underline;} a:visited {color:#716E6C;text-decoration:underline;} a:hover {color:#956839;text-decoration:underline;} a:active {color:#956839;} /* Layout ----------------------------------------------- */ @media all { #wrap { background-color:#473624; border-left:1px solid #332A24; border-right:1px solid #332A24; width:700px; margin:0 auto; padding:8px; text-align:center; } #main-top { width:700px; height:49px; background:#FFF3DB url("") no-repeat top left; margin:0;padding:0; display:block; } #main-bot { width:700px; height:81px; background:#FFF3DB url("") no-repeat top left; margin:0; padding:0; display:block; } #main-content { width:700px; background:#FFF3DB url("") repeat-y; margin:0; text-align:left; display:block; } } @media handheld { #wrap { width:90%; } #main-top { width:100%; background:#FFF3DB; } #main-bot { width:100%; background:#FFF3DB; } #main-content { width:100%; background:#FFF3DB; } } #inner-wrap { padding:0 50px; } #blog-header { margin-bottom:12px; } #blog-header h1 { margin:0; padding:0 0 6px 0; font-family:italic; font-size:225%; font-weight:normal; color:#612E00; } #blog-header h1 a:link { text-decoration:none; } #blog-header h1 a:visited { text-decoration:none; } #blog-header h1 a:hover { border:0; text-decoration:none; } #blog-header p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } div.clearer { clear:left; line-height:0; height:10px; margin-bottom:12px; _margin-top:-4px; /* IE Windows target */ background:url("") no-repeat bottom left; } @media all { #main { width:430px; float:right; padding:8px 0; margin:0; } #sidebar { width:150px; float:left; padding:8px 0; margin:0; } } @media handheld { #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } #footer { clear:both; background:url("") no-repeat top left; padding-top:10px; _padding-top:6px; /* IE Windows target */ } #footer p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } /* Typography :: Main entry ----------------------------------------------- */ { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } .post { margin:8px 0 24px 0; line-height:1.5em; } { font-family:italic; font-weight:normal; font-size:200%; color:#8B0000; margin:0; padding:0; } .post-body p { margin:0 0 .6em 0; font-family: italic; font-size:150%; } .post-footer { color:#211104; font-size:74%; border-top:1px solid #BFB186; padding-top:6px; font-style:italic; } .post ul { margin:0; padding:0; font-family:italic; } .post li { font-family:italic; line-height:1.5em; list-style:none; background:url("") no-repeat 0px .3em; vertical-align:top; padding: 0 0 .6em 17px; margin:0; } /* Typography :: Sidebar ----------------------------------------------- */ h2.sidebar-title { font-weight:normal; font-size:120%; margin:0; padding:0; color:#211104; font-family:italic; } h2.sidebar-title img { margin-bottom:-4px; } #sidebar ul { font-family:italic; font-size:86%; margin:6px 0 12px 0; padding:0; } #sidebar ul li { list-style: none; padding-bottom:6px; margin:0; } #sidebar p { font-family:italic; font-size:86%; margin:0 0 .6em 0; } /* Comments ----------------------------------------------- */ #comments {} #comments h4 { font-weight:normal; font-family:italic; font-size:120%; color:#29303B; margin:0; padding:0; } #comments-block { line-height:1.5em; font-family:italic; } .comment-poster { background:url("") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; font-family:italic; } .comment-body { margin:0; padding:0 0 0 20px; font-family:italic; } .comment-body p { font-size:100%; margin:0 0 .2em 0; font-family:italic; } .comment-timestamp { font-family:Verdana, sans-serif; color:#29303B; font-size:74%; margin:0 0 10px; padding:0 0 .75em 20px; } .comment-timestamp a:link { color:#473624; text-decoration:underline; } .comment-timestamp a:visited { color:#716E6C; text-decoration:underline; } .comment-timestamp a:hover { color:#956839; text-decoration:underline; } .comment-timestamp a:active { color:#956839; text-decoration:none; } .deleted-comment { font-style:italic; color:gray; } .comment-link { margin-left:.6em; } /* Profile ----------------------------------------------- */ #profile-container { margin-top:12px; padding-top:12px; height:auto; background:url("") no-repeat top left; } .profile-datablock { margin:0 0 4px 0; } .profile-data { display:inline; margin:0; padding:0 8px 0 0; text-transform:uppercase; letter-spacing:.1em; font-size:90%; color:#211104; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 8px 0 0; border:1px solid #A2907D; padding:2px; } .profile-textblock { font-family:Verdana, sans-serif;font-size:86%;margin:0;padding:0; } .profile-link { margin-top:5px; font-family:Verdana,sans-serif; font-size:86%; } /* Post photos ----------------------------------------------- */ { border:1px solid #A2907D; padding:4px; }

25 October 2006

Script Analysis - Text Layout

Text Layout

What is the size of the margins (left, right, top, bottom)?3,4

Margins are drawn around the text block.

On each image, the top margin is an unused baseline above the first baseline which has script written on (actually, floating above) it. I measured from this empty baseline to the edge of the top illuminated border

The bottom margin is an unused baseline after the last baseline which has script written on it. I’ve measured from this empty baseline to the edge of the bottom of the illuminated border

The left hand margin is drawn vertically down the left hand side of the block of script and the script is justified against it. I’ve measured from this margin to the edge of the left hand side of the illuminated border

On 4 of the 5 images, the right hand margin has two lines. I’ve measured the distance from the first line, nearest the script, to the second line, and then from the second to the edge of the right hand side of the illuminated border

The script does all sorts of things near the right hand margin. Answer that in the “justification” question later.

The first image from the British Library doesn’t have a double right hand margin, but does have two lines ruled at the bottom.

This scan shows the top right hand corner of this image, with the top and right hand margins marked. I went over the ruled margins in purple pen, so they'd stand out.

Well, since Blogger doesn't like my table, I'll list these figures out in lines.

They are in order of the image from Backhouse (a left hand page), Codices Illustres (a right hand page), Stan Knight (a right hand page), British Library Image 1 (a right hand page), and British Library Image 2 (a right hand page)

Top Margin 4.3, 2, 3.5, 2, 2.6

Bottom Margin 2.6, 2, 4.3, 5.9 (with double lines), 1.3

Left Margin 3.5, 2, 2.6, 2.6, 1.3

Right Margin 5.2 (3, 2.2), 3.3 (2, 1.3), 4.3 (3.5, 0.9), 2.6 (no double lines), 2.6 (1.3, 1.3)

where the first number is the total width of the margin and the numbers in brackets are the distances between the first line and the second line, and then the second line to the edge of the illuminated border.

Well, these figures are of no help whatsoever –looking down the columns, the figures pretty much vary for every margin. (Text starts different distances down from the top edge of the illuminated border, ends at a difference distance from the bottom etc)

I think this question is meant to be about the margins for the entire page from the edges of the illumination to the edges of the page – not for within the illuminated border from the ruled margins to the edge of the illuminated border.

So if these ‘inner’ margins aren’t standard widths, how do you know how to place your illumination around your block of script on a page laid out in the same way as the Bedford Hours? How much room from the margins to the edge of the illuminated border, since I’ve measured it on 5 different pages and it varies?

Perhaps it depends on the design of the illuminated border and any extrusions from the border up into the script block? Looking at the different pages, this is the best answer I can come up with.

I hope all the questions are going to be this hard to answer!

How many lines per page? 1 18

How many columns per page 1 None

How many words, on average, per column?

Per line? 2 6 words

Is there a line or border between the columns and how wide is the space between the columns? 1,2,5

Are there guidelines shown on the page? 2 Yes

If there are baselines is the text floating above the base line, or sitting upon it? 2 Floating above the baseline.

Word and Line Layout

Are there line-fillers? 1 Yes

Describe them : Solid rectangular block sitting on the baseline, extending to the second right hand margin line. Two colour with geometric or foliate design

Do words finish at the end of lines, or wrap around to the next line? 1 Wrap around to the next line, although there looks like there was a bit of squishing up in some cases as well.

Are hyphens used if the words wrap around? No.

Update : Meisterin Katarina Helene agrees with me that these margins aren't done to any rule and depend on how the layout looked to the illuminator, as the calligraphy was done before the work was passed to the illuminator. (and the overall page layout was done first thing, as per
(from Christopher Jarmen)

Labels: , ,


Post a Comment

Thankyou for reading my blog. I love receiving comments!

Links to this post:

Create a Link

<< Home