Encadrer deux images par le css

[Lilynufare]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 07/02/16
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Je suis entrain de réaliser une fiche de présentation avec le css, et il y a un truc qui me chiffonne et que je n'arrive pas à faire. J'ai deux images côte à côte et je souhaite mettre un encadrement de chaque, une bordure mais je n'y arrive pas. Et je voudrai faire en fonction du css, sinon j'arrive à le faire, mais à partir du css que je souhaiterai.

<center><div class="imghis"><img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif"style="width: 20%; "> <img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif"style="width: 20%; "></div></center>

Code:

<center><div class="imghis"><img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif"style="width: 20%; "> <img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif"style="width: 20%; "></div></center>

Merci de votre attention

[Eiffel01]

Bonjour,
Avez vous essayé ceci :
CSS :

Code:


.image1 { border: 1px solid red; width: 20% }
.image2 { border: 1px solid green; width: 20% }


Avec un HTML comme ceci :

Code:

<center><div class="imghis"><img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif" class="image1"> <img src="http://gifs-vampirediaries.e-monsite.com/medias/images/tumblr-mb0zs8q7fv1qeg41ao1-500.gif" class="image2"></div></center>

Sachant que la balise <center> est inutile si vous mettez dans votre class <b>imghis</b> l'attribut <b>margin: auto</b>.

J'espère avoir répondu à votre question

[Lilynufare]

Bonjour
Oui parfait, je vous remercie.

Problème résolu.

[Chacha]

Bonjour
Oui parfait, je vous remercie.

Problème résolu.

Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton