Positionnement de 2 images sur une même ligne

Positionnement de 2 images sur une même ligne - HTML/CSS - Programmation

Marsh Posté le 12-01-2008 à 22:03:41    

Bonjour,
 
Besoin d'aide car je suis complètement débutant.
 
Voilà :
 
J'ai besoin de positionner 2 images sur une même ligne, c'est à dire que la 1ère est positionnée à droite, et la seconde complètement à gauche.
 
Comment fait-on pour coder ça ? En effet, comme vous le savez, la barre d'espacement n'a pas d'effet. Faut-il passer nécessairement par l'insertion de tableau afin de pouvoir positionner chaque image dans sa cellule dédiée ?
 
Merci d'avance de vos lumières.
 
Bonne continuation.
Andy

Reply

Marsh Posté le 12-01-2008 à 22:03:41   

Reply

Marsh Posté le 12-01-2008 à 23:27:32    

pour faire simple : un tableau avec deux cellules.
Tu alignes à gauche dans la cellule de gauche et tu alignes à droite dans la colonne de droite  ;)

Reply

Marsh Posté le 12-01-2008 à 23:30:19    

Merci pour ta réponse.
 
Sinon, est-ce que c'est possible avec le css et sans tableau ?

Reply

Marsh Posté le 13-01-2008 à 01:11:51    

Utilise "float: left" sur une des images, "float: right" sur l'autre. un <br style="clear: both"> après, si tu veux que le texte ne s'insère pas entre.

Reply

Marsh Posté le 17-01-2008 à 01:00:51    

salut, je ne sais pas si j'utilise la meilleure méthode (je suis zéro en css entre autre, j'arrive à conprendre chui pas doué) mais dans ton cas je pourrais utiliser un gif transparent... c'est une vieille méthode ultra pratique et je sais pas si bcp de monde l'utilise encore...
Par exemple pour laisser un espace de x pixel tu met simplement un gif (de 5x5 par exemple) auquel tu applique la largeur que tu veux, par exemple 96 pixels. Dans l'exemple ci dessous j'ai mis 50 en hauteur tout simplement pour mieux le visualiser sous dreamweaver :)
<img src="spacer.gif" width="96" height="50">
Bien sur tu ne crée qu'un seul gif une bonne fois pour toute, et tu l'appelle quand tu veux, aux dimension que tu veux, c'est le bonhomme à tout faire du site  :)  

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed