18043 sujets

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

[résolu] Aligner image en bas à droite

Salut à tous j'ai encore un petit problème...
Je voudrai aligner à droite et en bas une petite image sur mon site web... voici un schéma :
http://s2.noelshack.com/old/up/sheema1-af5e3ac291.jpg

et voici mon code html :

<img src="coin.png" width="100" height="100" id="tablo">


et css :

<style type="text/css">
body,td,th {
	color: #000;
	vertical-align:top;
}

#tablo{
	position:fixed;
	vertical-align:bottom;
	visibility:visible;
	
}


</style>


Je comprend pas pourquoi ça ne marche pas ???? quelqu'un a t'il la solution ?
Modifié par jimmyplant (21 Sep 2010 - 16:03)
Bonjour,

vertical-align est une propriété CSS qui ne peut s'appliquer qu'avec un rendu table-cell (de base, sur les tableaux ; ou sur un élément dont tu aura modifié le display).

pchlj > align n'accepte pas la valeur bottom.

Pour placer une image en bas à droite, il y a deux solutions :

1. Si l'image porte du contenu, elle doit se trouver dans le code HTML, il faudra donc la positionner en absolu puis lui dire d'aller en bas : bottom:0; et à droite : right:0;

2. Si l'image ne porte pas de contenu (elle est purement décorative), elle peut être placer en background ; tu pourra ensuite donner à background-position les valeur bottom right.
pchlj ton code ne marche pas...
Et je demande juste une correction de Code css ou html pas besoin de le mettre en ligne Smiley cligne

personne ??? Smiley murf

màj : Laurie-Anne viens de répondre en même tps ^^
Modifié par jimmyplant (20 Sep 2010 - 19:57)
Merci Laurie-Anne comme d'habitude c'est clair et efficace !!!
Parfait ça marche nickel, je te remercie

Sujet Fermé
Salut,

Laurie-Anne a écrit :
vertical-align est une propriété CSS qui ne peut s'appliquer qu'avec un rendu table-cell (de base, sur les tableaux ; ou sur un élément dont tu aura modifié le display).
Ainsi que sur les éléments en-ligne et, par extension, les éléments ayant un display:inline-block. Smiley cligne


@jimmyplant > si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre. Smiley cligne
Sujet clos
Aller à