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 7 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 7 Fév 2016 - 15:29, édité 2 fois

Lilynufare
***

Messages : 180
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 7 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

Eiffel01
***

Masculin
Messages : 177
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 7 Fév 2016 - 15:23

Bonjour Smile
Oui parfait, je vous remercie.

Problème résolu.

Lilynufare
***

Messages : 180
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 7 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


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49821
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