Encadrer deux images par le css

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Encadrer deux images par le css

Message par Lilynufare le Dim 07 Fév 2016, 14:49

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


Dernière édition par Lilynufare le Dim 07 Fév 2016, 15:29, édité 2 fois
avatar

Lilynufare
****

Messages : 216
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer deux images par le css

Message par Eiffel01 le Dim 07 Fév 2016, 15:10

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
avatar

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer deux images par le css

Message par Lilynufare le Dim 07 Fév 2016, 15:23

Bonjour Smile
Oui parfait, je vous remercie.

Problème résolu.
avatar

Lilynufare
****

Messages : 216
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer deux images par le css

Message par Chacha le Dim 07 Fév 2016, 15:25

@Lilynufare a écrit:Bonjour Smile
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
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55840
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum