Cadre de photos originale

Bonjour j'ai de simples photos que j'aimerais embellir en y mettant une touche de css.

Un peu de ce style :

http://www.pixenli.com/image1291673924003418300.html

Ou si vous avez mieux , je suis preneur.

merci d'avance pour votre aide.

Bonjour,

Quelle est la question exactement :
* Comment réaliser un "cadre photo" ?

* D'autres sources ?

Bonjour Laurie-Anne,

oui c'est ça, mais ça sera des petites photos styles vignettes.

Mais c'est bien ça, faire un cadre photo en css.

Merci.

Bonjour,

voilà ce que j'ai fais :

http://www.pixenli.com/image1291991610094998100.html


mais je suis sûr qu'il y a moyen de faire mieux..

samb01 a écrit :
Bonjour,

voilà ce que j'ai fais :

http://www.pixenli.com/image1291991610094998100.html


mais je suis sûr qu'il y a moyen de faire mieux..

Bonjour,

Ce n'est pas une image qu'il faut nous montrer, mais une page en ligne ou au pire les codes html et css

Ensuite la notion de "mieux" m'échappe.

Bonjour,

Voilà un cadre photo en CSS:

.photo {
  border: solid 1px #BBB;
  padding: 6px;
  background: white;
}

Voilà.

Alors bien sûr c'est sommaire. Mais la description du besoin l'est tout autant.

Je pense qu'il faut bien distinguer:
- le design («à quoi ça doit ressembler au juste»);
- l'implémentation («comment ça se code»).
Tu cherches des informations sur l'implémentation mais tu ne montres pas quel design tu essaies d'obtenir. Si tu ne sais pas encore quel design tu souhaites au juste, peut-être faut-il travailler là-dessus pour commencer?

Bonjour,

voici mon HTML

 
 
<div class="isol_142_first">
	<div class="cadre_arrondi_haut_140">
		Cagnes sur mer <br />France
	</div>
<div class="isol_142_int">
<img src="images/photo/12/1.jpeg" class="img_142">
</div>
	<div class="cadre_arrondi_bas_145">
		
	</div>
</div>
 
 

et mon css

 
 
 
.isol_142_first
{
margin-left:10px;
width:145px;
height:142px;
/*border:1px solid blue;*/
/*border:none;*/
float:left;
display:inline;
}
 
 
/* ci dessous non interprété par IE */
html>body .isol_142_first
{
height: auto;
min-height:142px;
overflow:hidden;
}
 
 
 
 
.isol_142_int
{
width:145px;
height:100px;
/*border:1px solid red;*/
border:none;
background-image: url('../images/background_145.jpg');
/*background-repeat:repeat-y;*/
}
 
 
/* ci dessous non interprété par IE */
html>body .isol_142_int
{
height: auto;
min-height:100px;
overflow:hidden;
}
 
 
 
.cadre_arrondi_bas_145
{
width:145px;
height:20px;
border:none;
background-image: url('../images/cadre_arrondi_bas_145.jpg');
}
 
 
.img_142
 {
height:100px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
 
 
 
.cadre_arrondi_haut_140
{
width:145px;
height:25px;
/*height:35px;*/
/*border:1px solid black;*/
color:#1220B1;
font-weight:bold;
/*background-color:#ECECEC;*/
background-image: url('../images/cadre_arrondi_top_145.jpg');
text-align:center;
font-size:10px;
}
 
 

Ben au fait j'essaie tout simplement un bel effet pour encadrer mes photos...