Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
avatar

zz10
Membre actif

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

http://www.ice-epinal-forum.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 ?
avatar

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;
}
avatar

zz10
Membre actif

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

http://www.ice-epinal-forum.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 ?
avatar

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;
}
avatar

zz10
Membre actif

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

http://www.ice-epinal-forum.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.
avatar

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