18073 sujets

Questions générales et questions de débutants

[Résolu]Alignement à droite des liens

Bonjour !

Pour une raison que j'ignore, je n'arrive plus à aligner mes liens à droite dans mes cadres.

J'ai une structure à base de DIV assez simple (enfin je crois...) :
- tete
- titre
- gauche > menu
- gauche > pied
- chemin
- cadre > FMP
- cadre > colonne

Mon fichier XHTML (extrait)

(...)
<div id="cadre">
            <div id="FMP">
                <h2>Centre de comp&eacute;tences FileMaker Pro</h2>
                <p>Texte expliquant FMP</p>
                <a href="/FileMakerPro/lien.htm">Quelques liens</a>
            </div>
            <div id="colonne">
                <h2>Conseil</h2>
                <a href="/conseil/breves.htm">Pour en savoir plus sur notre activité de conseil</a>
(...)
</div></div>(...)


Mon CSS (extrait)


#cadre {
    font-family:sans-serif;
    overflow:auto;
}
/* Partie spécifique à la page d'accueil */
/* ------------------------------------- */
#cadre div {
    border:0.1em solid #cccccc;
    padding:2px;
}
#cadre hr {
    margin-top:1em;
}
#cadre h2 {
    margin-top:0.2em;
    text-align:center;
}
#cadre a {
    font-size:90%;
    [#red]text-align:right;[/#]
}
#cadre p {
    text-align:justify;
}
#FMP {
    width:30em;
    float:left;
}
#colonne {
    width:25em;
    margin-left: 31em;
}


Et mon problème, c'est que les liens ne s'alignent pas à droite... Smiley decu

Il y a sûrement un truc énorme que je ne vois pas, mais là, je ne vois plus rien ! Smiley cligne

Merci d'avance,

Aquilane
Modifié par Aquilane (30 Mar 2006 - 13:21)
Bonjour Aquilane,

Si tu mets
float: right;

à ta div
#cadre a

ça marche, mais tu as un saut de ligne sous tes liens.

Si tu mets
text-align: right;

à ta div
#cadre div

c'est bon Smiley smile
mais il faudra spécifier à chaque fois l'alignement que tu veux dans le contenu de cette div, sinon ce sera toujours placé à droite
Bonjour,

A vue de nez sans chercher trop loin je dirais que tu tente de mettre un alignement sur un élément de type inline, donc les limites de la boite du <a> sont celle du texte. Il faudrait plutot appliquer l'alignement à un élément parent le plus proche de type block (ici la div FMP), ou bien convertir ton élément inline <a> en block (display:block)…

Encore une fois je n'ai pas vérifié in-situ mais c'est mon iintuition je l'espère éclairée qui parle.
Modifié par zzzazzz (30 Mar 2006 - 11:38)
Merveilleux ! C'était tout bête, je le savais bien !
Merci à tous les deux !

(j'ai pris l'option : #cadre div{text-align:right})
Sujet clos
Aller à