problème d'alignement de texte dans un modèle

[yr_75]

J'ai crée un modèle de page unique pour mon site l'Art pour l'Art
Le code de la page de modèle est là
Un cas d'application de ce modèle est la page d'accueil
Le problème est le suivant : je n'arrive pas à aligner la première ligne du texte de la zone texte de gauche avec la première ligne du menu (="les écoles"). Selon que je saute une ligne ou pas, le texte est soit trop haut soit trop bas ! Comment faire alors que dans le modèle, tout semble normal ?

 

[Nephou]

J'ai crée un modèle de page unique pour mon site l’art pour l’art
Le code de la page de modèle est là
Un cas d'application de ce modèle est là : exemple
Le problème est le suivant : je n'arrive pas à aligner la première ligne du texte de la zone texte de gauche avec la première ligne du menu (="les écoles"). Selon que je saute une ligne ou pas, le texte est soit trop haut soit trop bas ! Comment faire alors que dans le modèle, tout semble normal ?

Dans un premier temps je te cite pour que tes liens soient correctement interprétés, la possibilité de balisage html est désactivée (oui je sais c’est frustrant).

Pour le reste, je ne pense pas qu‘un alignement réalisé par « nombre de saute de ligne » soit fiable et efficace. Il vaut mieux essayer de positionner la première ligne de texte à l'aide de feuilles de styles (ou au moins du paramètre style).

[edit]autant pour moi pour la correction : je ne sais pas ce qui bugait[/edit]

 

[yr_75]

merci

mais alors dans la feuille de style, quel paramètre modifier ?

 

[Nephou]

Je pense que ton site a été conçu sous Dreamweaver™ et je ne sais pas dans quelle mesure la structure* de ta page est due à toi ou au logiciel de Macromédia® mais la suggestion que j'ai à faire passe par une refonte de cette page.

En résumé, pour obtenir la forme que tu désires tu fais une utilisation combinée de <table> et de <div>. Cette imbrication quelques fois confuse ne permet pas (ou au prix de nombreuses heures de labeur) un réglage fin comme tu le souhaite. De même, il peut rendre la mise à jour du graphisme pénible.
Bref, dans un premier temps je séparerait le fond de la forme de manière encore plus nette :
— éléments de titrage / signature des pages | têtière
— liste de liens / outil de navigation | colonne de gauche
— contenu de la page | coin inférieur droit

À chaque élément sa <div>, à chaque <div> ses styles.
De là, tu peux contrôler la position des premières lignes de texte du contenu et des liens. Suis-je clair ?

back soon

* comprendre ici la structure du code, je ne parle pas de mise en page

 

[yr_75]

merci. c'est quoi têtière ? et le contenu du texte est chez moi dans la partie gauche

 

[Nephou]

et le contenu du texte est chez moi dans la partie gauche

euh

je voulais dire droite

tout ce que je proposais était une relecture du contenu de ta page ; de sa structure quoi. Genre
<div id="tetiere"><img /><p>texte de gros titre</p></div>
<div id="colonne-de-droite><ul><li>liens </li><li>liens </li><li>liens </li><li>liens </li></ul></div>
<div id="contenu"><p>premier paragraphe</p> […] </div>