Forum How do I...?

top margin

jim_albright
So how do I control the top margin?

I want less space between the guide word and the border.

margins.png


@page 
{
    color: black ;
    counter-increment: page;
    direction: ltr;
    font-style: normal;    
    font-weight: normal;    
    font-size: 11pt ;
    font-family: Times New Roman, Gentium, Georgia, serif;
    line-height: 12pt;
    marks: crop cross ;
    size: 8.5in 11in portrait;      /* this line needed to compute page size */
    text-decoration: none;    
    vertical-align: baseline;    
    background-color: white ;    
    
    @top-left 
    {
        border-bottom: 1pt solid ;
        color: blue;
        content: string(LemmaString, first);
        font-family: Andika Basic, Comic Sans MS, arial, helvetica, sans-serif ; font-weight: bold ; 
        font-size:12pt;
        font-weight: bold;
        margin: 0 0 12pt -9pt;
        background-color: pink;
    }


If I change the margin to
        margin: 0 0 0pt -9pt;

I get
margin 0.png


How do I get less space between the guide word and the border?

Jim Albright
Wycliffe Bible Translators

  1. margin 0.png22.8 kB
  2. margins.png26.5 kB
mikeday
Probably best not to specify margin at all on @top-left, specify vertical-align: bottom and then add some padding.
jim_albright
Thank you.

top margins.png


@top-left 
    {
        border-bottom: 1pt solid ;
        color: blue ;
        content: string(LemmaString, first) ;
        font-family: Andika Basic, Comic Sans MS, arial, helvetica, sans-serif ; 
        font-size:12pt ;
        font-weight: bold ;
        margin: 0 0 0pt -9pt ;
        padding: 0 0 2pt 0 ;
        vertical-align: bottom ;    
    }
    


Works like it should.

Jim Albright
Wycliffe Bible Translators

  1. top margins.png10.5 kB