Hello,
Je n'y trouve pas l'issue, j'aimerai un petit coup de pouce sur ce truc sur lequel je bloque depuis hier.
J'aimerai reproduire ce cadre ombre portée à une image, plus précisément ça > http://demo.wordspop.com/fotofolio/
J'ai donc la page en question qui affiche l'image :
echo "<div class=\"float\" id=\"pixelpostrss\">";
foreach ( $items as $item )
{
if(preg_match('<img src="([^"]*)">', $item['description'], $imgUrlMatches))
{
$imgurl = $imgUrlMatches[1];
$imgurl = str_replace("/images/", "/thumbnails/thumb_", $imgurl);
print "<a href=\"".$item["link"]."\" title=\"".$item["title"]."\">";
print "<p class=\"float\"> <img src=\"$imgurl\" title=\"".$item["title"]."\" />";
print "</a></p>\n";
print $item["title"];
}
?>
est la photo du jour, blablalbla
<?
}
echo "</div>";
}
} // end if RSS
concernant la bordure et l'ombre, voila ce que j'ai tenté :
ajouter ce code css dans les balises <style> en haut de page
.photostyle {
padding: 5px;
background: #ebebeb;
background: url(images/shadow-left.png) no-repeat left bottom;
background: url(images/shadow-right.png) no-repeat right bottom;
}
puis ajouter le <div> à cette ligne :
print "<p class=\"float\"> <div class=\"photostyle\"><img src=\"$imgurl\" title=\"".$item["title"]."\" /></div>";
mais le resultat n'est pas du tout bon :
Avant:
Après:
C'est pas beau et rien n'a fonctionné, je ne comprends
Si quelqu'un pouvait me donner un coup de main, parce que ça fait déjà une nuit blanche que je galère ^^
EnormeMerci d'avance