Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
516 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionnement de 2 images sur une même ligne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Positionnement de 2 images sur une même ligne

n°1670248
gobang
Posté le 12-01-2008 à 22:03:41  profilanswer
 

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

mood
Publicité
Posté le 12-01-2008 à 22:03:41  profilanswer
 

n°1670271
bricocoman
j'aime les modos
Posté le 12-01-2008 à 23:27:32  profilanswer
 

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  ;)

n°1670272
gobang
Posté le 12-01-2008 à 23:30:19  profilanswer
 

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

n°1670296
tpierron
Posté le 13-01-2008 à 01:11:51  profilanswer
 

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.

n°1672570
vigri
Mister vigri ^_^
Posté le 17-01-2008 à 01:00:51  profilanswer
 

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  :)  


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionnement de 2 images sur une même ligne

 

Sujets relatifs
Retour a la ligne XMLCréer une liste de ligne
Style switcher sans CSS mais avec chgmt d'imagesXMLHttpRequest qui marche en local, mais pas en ligne...
recherche dev qui aime faire des imagesCréation d'un système de pétition en ligne
boutique en lignefonction saisie ligne sans limite
[VBA] Ajout automatique d'une ligne dans une liste déroulantevente en ligne
Plus de sujets relatifs à : Positionnement de 2 images sur une même ligne


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR