Rechercher : dans
Par :

[CSS] Aligner à droite au milieu

Dernière réponse le 14 oct 2005 à 16:43:43 StreM, le 14 oct 2005 à 15:08:01 
 Signaler ce message aux modérateurs

Salut tout le monde,

Dites moi pourquoi ceci ne marche pas et je vous fait une ovation à moi tout seul !
Je veux seulement mettre mon image (qui fait 16px de coté) à droite et verticalement au milieu !

<div style="height: 30px; width: 100px; border: 1px solid black;">
	<img src="images/bouton_6.png" style="float: right; vertical-align:middle;" />
</div>
Je vais craquer...

Merci !!!


Moins le blanc est intelligent, plus le noir lui parait bête

Meilleures réponses pour « [CSS] Aligner à droite au milieu » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Le droit à l'image appliqué aux sites web VoirIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une...

1

Magicschou, le 14 oct 2005 à 16:03:50

Hello StreM,

si j'ai bien compris ce ke tu voulais faire, c ptetre une solution

<div style="height: 30px; width: 100px; border: 1px solid black; position:absolute; top:45%; right:0px;">
<img src="images/bouton_6.png" style="position:absolute; right:0px;" />
</div>

y'as une tite feinte sur le 45% ;-), en revenche je sais pas pkoi ca marche pas le vertical align...

Répondre à Magicschou

2

wiwimagique, le 14 oct 2005 à 16:41:25

Les positions marchent pas bien dans les balise img.
La seule solution que j'avais trouvé à une époque est de la mettre dans une div ou une table, qui elle, est positionnée.

Sinon, il reste effectivement l'astuce qui consiste à calculer la distance par rapport au bord ... à condition que l'image ait toujours la même taille.
Dans sa voiture rouge et jaune

Répondre à wiwimagique

3

 StreM, le 14 oct 2005 à 16:43:43

Oui j'y ai bien pensé à tout ca, mais ca fait beaucoup de lignes de code pour 3 fois rien je trouve...
Enfin si vous me confirmez que c'est javel lacroix et la bannière, je vais me résigner à utiliser ce genre de trucs...

Merci en tout cas !

Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM
Collection CommentÇaMarche.net