View Single Post
Old 01-06-2011, 05:38 PM   #2
frabjous
Wizard
frabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterfrabjous can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
frabjous's Avatar
 
Posts: 1,213
Karma: 12890
Join Date: Feb 2009
Location: Amherst, Massachusetts, USA
Device: Sony PRS-505
The only thing that occurred to me would be to use tables within tables. This will give you a rough idea:

The CSS:
Code:
table {
    border-collapse: collapse;
}
td {
    white-space: nowrap;
    padding: 0px;
}
table.whole {
   width: 100%;
   margin: 0px;
}
table.half {
   width: 50%;
   display: inline-block;
}
table.quarter {
   width: 25%;
   display: inline-block;
}
td.fill {
   width: 100%;
   border-bottom: solid 2pt black;
}
The (X)HTML:
Code:
<table class="whole">
    <tr>
        <td>
            <table class="half"><tr>
               <td>Naam</td>
               <td class="fill"></td>
            </tr></table><!--
            --><table class="quarter"><tr>
               <td>Geslacht</td>
               <td class="fill"></td>
            </tr></table><!--
            --><table class="quarter"><tr>
               <td>Leeftijd</td>
               <td class="fill"></td>
            </tr></table>        
        </td>
    </tr>
    <tr>
        <td>
            <table class="whole"><tr>
                <td>Verlangd soort werk</td>
                <td class="fill"></td>
            </tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table class="whole"><tr>
                <td>Plaatselijk adres</td>
                <td class="fill"></td>
            </tr></table>
        </td>    
    </tr>
    <tr>
        <td>
            <table class="whole"><tr>
                <td>Geboorteplaats</td>
                <td class="fill"></td>
            </tr></table>
        </td>    
    </tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>Namen van de ouders:</td></tr>
    <tr>
        <td>
            <table class="half"><tr>
                <td>Vader</td>
                <td class="fill"></td>
            </tr></table><!--
            --><table class="half"><tr>
                <td>Adres</td>
                <td class="fill"></td>
            </tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table class="half"><tr>
                <td>Moeder</td>
                <td class="fill"></td>
            </tr></table><!--
            --><table class="half"><tr>
                <td>Adres</td>
                <td class="fill"></td>
            </tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table class="half"><tr>
                <td>Beroep van vader</td>
                <td class="fill"></td>
            </tr></table><!--
            --><table class="half"><tr>
                <td>Moeder</td>
                <td class="fill"></td>
            </tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table class="half"><tr>
                <td>Geboorteplaats vader</td>
                <td class="fill"></td>
            </tr></table><!--
            --><table class="half"><tr>
                <td>Moeder</td>
                <td class="fill"></td>
            </tr></table>
        </td>
    </tr>
</table>
Here's how it looks in Firefox:



I haven't tested that in any ebook reader, and it's rather hack-ish all around. Perhaps someone will have a better idea.
Attached Thumbnails
Click image for larger version

Name:	form.png
Views:	456
Size:	68.0 KB
ID:	64271  
frabjous is offline   Reply With Quote