Si les cases s'affichent en fin et avec la moitié du marqueur c'est dû à une subtilité d'affichage qui fait que vous avez les marqueurs dans une case (balise <td>) d'une taille de 0 couplé à une table qui prend 100% de l'espace disponible.
Le système HTML utilisé pour afficher le calque pousse au plus loin et affiche un début de marqueur.
Concernant directement votre calque.
En ligne 70 et 71 vous avez deux balises fermantes qui ne servent à rien.
</td>
</table>
Virez-les.
Cela ne changera pas drastiquement votre affichage, mais au moins, ce sera propre.
On va ensuite jouer sur le fonctionnement de la balise <table> du HTML.
Une balise <table> définit un tableau avec des lignes (balise <tr>) et des colonnes dans ces lignes (balise <td>).
Par défaut et sans précision, les cases prennent juste la place nécessaire à l'affichage.
Vous pouvez le visualiser en ajoutant dans vos balises <table>, <td> et <tr> l'affichage d'une bordure avec :
style="border: 1px solid black;" par exemple
Cela vous permettra de mieux visualiser comment vos cases s'agencent.
Je vous invite alors à définir la taille de l'écran à prendre par la table (width="100%")
Puis à définir pour chaque colonne le pourcentage de taille à prendre (width="1%" pour l'image, width="96%" pour le texte, width="3%" pour le marqueur)
Enfin, vous supprimez les balises de style qui ont permis d'afficher le quadrillage (sauf si vous souhaitez le conserver)
Cela pourrait donner quelque chose dans ce genre :
<body bgcolor=#eeeeee>
<table border="0" width=100% color=black>
<tr valign="top">
<td width=0>
<media max=10>
</td>
<td>
<table border="3">
<tr>
<td>
<prop path=INDI img=yes txt=no>
</td>
<td valign="top">
<font color=blue><b><prop path=INDI:_SOSADABOVILLE></b></font>
<prop path=INDI>
</td>
</tr>
<tr>
<td><prop path=INDI:SEX img=yes txt=no></td>
<td valign="top">
<b><prop path=INDI:NAME:SURN></b><br>
<b><prop path=INDI:NAME:GIVN max=60></b>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" color=black>
<tr valign="top" >
<td with="1%">
<prop path=INDI:BIRT img=yes txt=no>
</td>
<td width="96%">
<b><prop path=INDI:BIRT format="{$D}"></b> <br>
<prop path=INDI:BIRT:PLAC format="0 (1)">
</td>
<td width="3%">
<table>
<tr>
<td>
<font color=green><mark path=INDI:BIRT:SOUR></font>
<font color=red><mark path=INDI:BIRT:SOUR notpresent="true"></font>
</td>
<tr>
</table>
</td>
</tr>
<tr>
<td>
<prop path=INDI:DEAT img=yes txt=no>
</td>
<td valign="top">
<b><prop path=INDI:DEAT:DATE></b> <br>
<prop path=INDI:DEAT:PLAC format="0 (1)" max=50> <br>
</td>
<td>
<table>
<tr>
<td>
<font color=green><mark path=INDI:DEAT:SOUR></font>
<font color=red><mark path=INDI:DEAT:SOUR notpresent="true"></font>
</td>
<tr>
</table>
</td>
</tr>
<tr>
<td>
<prop path=INDI:OCCU img=yes txt=no>
</td>
<td valign="top">
<b><prop path=INDI:OCCU?1 max=75></b> <br>
</td>
</tr>
</table>
</body>Comme les tables HTML sont régulières, définir la taille pour la première ligne impose les tailles pour les lignes suivantes, sauf s'il y a quelque chose qui surcharge, donc pas besoin de mettre les tailles pour les lignes suivantes.
J'espère que cela vous conviendra.
Zurga
