28173 sujets

CSS et mise en forme, CSS3

[Résolu]Jolie bordure d'image (photo) en CSS

Bonjour,

Malgré les tutos que j'ai trouvé sur AlsaCreations et d'autre site, je ne parviens pas à faire un beau cadre sur mes images en CSS.

Je souhaite obtenir ceci :
http://jclaude0931.free.fr/displayimage.php?album=10&pos=3

Les tuto parlent bien des coins haut et bas mais pas de ce qu'il faut mettre entre ces coins pour obtenir le résultat voulu.

Merci de votre aide
Modifié par seb.49 (23 Feb 2006 - 08:56)
Moi ce qui me vient a l'Esprit c'est de mettre ta photo dans 2 div... pour avoir cette effect



<div class="cadre1">
   <div class="cadre2">
      <img src="#" alt="">
   </div>
</div>

/* */

.cadre1{
   border: 3px solid red;
}
.cadre2{
  border: 20px solid black;
}
Modérateur
L'utilisation de deux div est plutôt superflux. Pour donner le même effet, le tout peut être réalisé via CSS, sans balise supplémentaire.

Seb, la seule chose est de savoir si tu veux mettre du texte exactement comme dans l'exemple que tu as donné. Pour l'instant, voici une solution qui appliquerait ce style à toutes les images d'un document. À toi de l'ajuster selon tes besoins :

CSS

img {
border:4px solid #BF9E7F;
padding:10px;
background-color:#000;
}


HTML

<img src="tonimage.jpg" alt="Texte alternatif, si justifié" width="200" height="100" />

Modifié par Tony Monast (22 Feb 2006 - 18:50)
Bonjour je rouvre ce topic pour ne pas en créer un autre ; voilà j'aimerai également obtenir une bordure mais du type de celle de l'image du lien ci-dessous, c'est à dire un encadrement blanc délimité par un trait bleu (ou noir)...mais avec un trait bien plus fin si possible...

http://www.amoitiemoi.com

Désolé je suis un débutant qui débute, merci d'avance ! Smiley cligne
Modifié par pouf.le.kaskadeur (12 Mar 2006 - 06:43)
clb56 a écrit :
Bonjour et bienvenue sur le forum,

la réponse précédente de Tony vaut aussi pour ta question. Il suffit d'adapter la couleur de fond et l'épaisseur de la bordure à ce que tu souhaites.

Si cela ne te dis vraiment rien le mieux c'est que tu consultes le salon :
Standards : Ressources et discussions de fond

Où tu trouveras cette liste de ressources dont certaines conviennent très bien aux débutants.


ok, merci de ta réponse je vais aller voir ça Smiley cligne
Sujet clos
Aller à