C'est bien se qu'il me semblais. Donc mon code HTML devrait ressembler a ca :

<div class="ligne-titre"><span class="titre"> Behorlegi ( <span class="lieu">Behorleguy</span> )</span></div>

<div class="ligne-hauteur">-<span class="altitude">1265m</span>-</div>

<div class="ligne-province">~ <span class="province">Province de la Navarre du Nord (Basse Navarre)</span></div>

<div class="ligne-date">( <span class="date">Juin 1998</span> )</div>

<div class="ligne-google-maps-I"><a href="http://www.nenex-argazkia.com/google-maps/behorlegi.htm" target="_blank" class="google-maps-I">Situer avec Google Maps</a></div>

<div class="ligne-google-maps-II">( <span class="google-maps-II">s'ouvrira dans une nouvelle fenêtre</span> )</div>

Mon code CSS pour les espaces entre les lignes :

.ligne-titre {line-height:1px;}

.ligne-altitude {line-height:1px;}

.ligne-province {line-height:1px;}

.ligne-date {line-height:1px;}

.ligne-google-maps-I {line-height:1px;}

.ligne-google-maps-II {line-height:1px;}

(Les valeurs pour les hauteur de ligne sont pas encore definit)

Donc mon code HTML ressemblerait a ca :

<div class="ligne-titre"><span class="titre"> Behorlegi ( <span class="lieu">Behorleguy</span> )</span></div>

<div class="ligne-hauteur">-<span class="hauteur">1265m</span>-</div>

<div class="ligne-province">~ <span class="province">Province de la Navarre du Nord (Basse Navarre)</span></div>

<div class="ligne-date">( <span class="date">Juin 1998</span> )</div>

<div class="ligne-google"><a href="http://www.nenex-argazkia.com/google-maps/behorlegi.htm" target="_blank" class="google-maps-I">Situer avec Google Maps</a></div>

<div class="ligne-nouvelle-fenetre">( <span class="google-maps-II">s'ouvrira dans une nouvelle fenêtre</span> )</div>

Mais la balise <br/> je la garde quand meme, puisque je peux regler mes espacements de ligne en CSS ?

Gotcha a écrit:

AS-tu essayé de ne pas passer par une feuille de style ?

directement dans le code HTML ?

VDigital a écrit:

Code:

<br/><span class="titre"> Behorlegi ( <span class="lieu">Behorleguy</span> ) - <span class="hauteur">1265m</span></span><br/>
~ <span class="province">Province de la Navarre du Nord (Basse Navarre)</span><br/>( <span class="date">Juin 1998</span> )<br/><a href="http://www.nenex-argazkia.com/google-maps/behorlegi.htm" target="_blank" class="google-maps-I">Situer avec Google Maps</a> <br/>
( <span class="google-maps-II">s'ouvrira dans une nouvelle fenêtre</span> )

En mettant la balise <br/> avant et apres la ligne ca marche. J'aurais jamais pense a essayer ca. En plus en allant voir a quoi correspondait cette balise (mes balises <br> n'ont pas le / ) je me suis rendu compte qu'elles ne sont pas compatible avec le XHTML.
Merci VDigital. Merci aussi a toi Gotcha d'avoir essayer de m'aider :)

AS-tu essayé de ne pas passer par une feuille de style ?

<p><span class="titre"> Behorlegi ( <span class="lieu">Behorleguy</span> ) - <span class="hauteur">1265m</span></span><br />
~ <span class="province">Province de la Navarre du Nord (Basse Navarre)</span> ~</p>
<p>( <span class="date">Juin 1998</span> )</p>
<p><a href="http://www.nenex-argazkia.com/google-maps/behorlegi.htm" target="_blank" class="google-maps-I">Situer avec Google Maps</a> <br />
( <span class="google-maps-II">s'ouvrira dans une nouvelle fen&ecirc;tre</span> )</p>

Regardes ce que ça donne chez toi.

As-tu modifier d'autres fichiers du genre "picture.tpl" ?

slt
Dans yoga/local-layout.css j'ai fait mon propre CSS pour mettre en forme les descriptions. J'ai fait un essai mais je me rend compte que les lignes avec la balise <p></p> sont tres espace . Meme avec la balise <br> il y a un petit espace (moins genant).
Je vois pas d'ou ca peu venir.
Merci pour votre aide.

Lien vers l'image test.

Code HTML pour la description de l'image de test :

<p><span class="titre">Behorlegi (<span class="lieu">Behorleguy</span>) - <span class="hauteur">1265m</span></span><br>
  ~ <span class="province">Province de la Navarre du Nord (Basse Navarre)</span> ~</p>
 
<p> (<span class="date">Juin 1998</span>) </p>

<p><a href="http://www.nenex-argazkia.com/google-maps/behorlegi.htm" target="_blank" class="google-maps-I">Situer avec Google Maps</a><br>(<span class="google-maps-II">s'ouvrira dans une nouvelle fenêtre</span>)</p>

Le CSS :

.titre {
    font-weight:bold;
}

.date {
    font-style:italic;
    line-height:1px;
}

.google-maps-I {
    text-decoration:underline;
    color:#0000FF;
}