Cadre simple autour d'une image

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

Résolu Cadre simple autour d'une image

Message par Cataliana le Dim 7 Nov 2010 - 17:03

Bonjour/bonsoir

Voilà, j'aimerais pouvoir faire ceci:



Ou encore ça:



Il ne s'agit pas là du contour pour les images (je pense), mais d'un cadre parfaitement visible dans lequel se placerait l'image. Comment puis-je le faire s'il vous plait ?


Dernière édition par Cataliana le Dim 7 Nov 2010 - 18:53, édité 1 fois

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par zz10 le Dim 7 Nov 2010 - 18:22

Bonsoir,

Dur dur de lire le texte centré...

Concernant votre problème, il suffit d'appliquer un code CSS à l'image. Ne sachant pas sur quelle image vous souhaiter appliquer cet effet, je ne puis vous donner ce code Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par Cataliana le Dim 7 Nov 2010 - 18:26

Bonsoir,

Quel texte qui est difficile à lire ? (je ne centre pas mon texte, au cas où ^^')

Concernant l'image, je n'ai pas d'image sous la main mais je souhaite encadrer des boutons de partenaires, il en faut obligatoirement une pour obtenir le code du cadre ?

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par zz10 le Dim 7 Nov 2010 - 18:36

Non mais il faut une classe sur l'image pour faire le code CSS. Donc si vous mettez une image mettez une classe.

Exmple

Code:
<img src="LE LIEN DE LIMAGE" class="LA_CLASSE" />

ce qui vous donnera un code CSS du style

Code:
.LA_CLASSE
{
border:3px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow:  0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
}

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par Cataliana le Dim 7 Nov 2010 - 18:42

D'accord, merci beaucoup pour votre aide, c'est parfait.
Ce code-ci s'applique aussi pour le premier style de cadre ?

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par zz10 le Dim 7 Nov 2010 - 18:44

Oups désolé, je l'avais zappé Wink
Code:

.LA_CLASSE2
{
border:1px solid #ccc;
padding:3px;
}

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre simple autour d'une image

Message par Cataliana le Dim 7 Nov 2010 - 18:52

Ce n'est rien, merci beaucoup, vous m'avez bien aidé. ^^
C'est résolu alors.

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana 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