Discussion :

[cedrick21]

Bonjour à tous,

j'ai besoin de créer un menu à base de pictos qui doit toujours rester sur la droite de ma page peu importe si je descend dans la page ou pas.
J'ai donc créé ceci (j'ai allégé le code) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="position:fixed;right:0;top:50%;">
   <div>
   <a href="monLien"><img src="monImage" alt="-" style="width:50px;" /></a>
   </div>
</div>

mon div est donc bien à droite (collé au scrollbar) et à 50% du haut, donc centré verticalement.
Le soucis est le suivant, si je rajoute des liens sous le 1er alors je suis toujours à 50% du haut mais plus à 50% du bas de page ... logique car j'ai du contenu supplémentaire.
J'ai testé en rajoutant "margin: auto 0;" mais biensur sans résultat.

Si vous avez une idée pour centrer verticalement ce bloc <div> sur la page en fonction de son contenu je suis preneur

Merci d'avance

[cedrick21]

J'ai finalement réussi en ajoutant à mon "top:50%" un "margin-top:-x" correspondant à la moitié de la hauteur de mes éléments.

Tout est impec, sauf que je rencontre un soucis sur autre chose.
Lorsque je passe sur un de mes div (cf 1ere image en PJ) je veux que l'élément en question passe de 50px à 100px
Jusque là ça fonctionne sauf que les autres éléments ne restent pas positionnés à droite comme j'aimerais mais se décale à gauche (cf 2e image en PJ)
J'ai donc essayé de mettre un float:right; pour chaque mais dans ce cas ils s'alignent à droite les uns des autres ...

Si vous avez une idée

Merci d'avance

[NoSmoking]

Bonjour,
as tu essayé un text-align:right ?