Connexion | Inscription | FAQ
Anonymous

Resize de 2 images cote à cote en pourcentage

+ Publier une réponse

2 messages Page 1 sur 1


Resize de 2 images cote à cote en pourcentage

par niconeo » Ven Août 17, 2012 2:37 pm

Bonjour,

Je suis bloqué sur une partie de code assez basique je crois et je ne dois pas connaitre la bonne syntaxe.

Je souhaite afficher 2 images cote à cote ( horizontalement donc X|X ) et que celle-ci se retaille automatiquement en fonction de la largeur de l'écran...

Mon problème est que la deuxième image une fois que l'écran se réduit en largeur passe en dessous de la première, ce n'est qu'une fois que les 2 images l'une sous l'autre n'ont plus de place qu'elle change de taille. J'ai essayé de fixer la hauteur de mon contener DIV mais la deuxième image sort carrément de celui-ci... sauriez-vous comment faire svp ? Ci-joint mon morceau de code actuel.

Code: Tout sélectionner
<div style="width:100%;max-height:150px;border:1px solid black;" >
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/>
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/>
</div>
Avatar de l’utilisateur

niconeo

  • Messages: 1
  • Inscrit le: Ven Août 17, 2012 2:36 pm

Re: Resize de 2 images cote à cote en pourcentage

par XainPro » Jeu Août 23, 2012 6:57 am

<div style="width:100%;max-height:150px;border:1px solid black;" >
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="float:left;" />
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="float:left;" />
</div>
Avatar de l’utilisateur

XainPro

  • Messages: 3933
  • Inscrit le: Ven Fév 17, 2012 8:10 pm


+ Publier une réponse

Page 1 sur 1

cron