& Php > bordure speciale à une image, perdu dans le code - HTML/CSS - Programmation
Marsh Posté le 05-12-2009 à 17:00:32
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 ^^ Enorme Merci d'avance
Make sure you enter the(*)required information where indicate.HTML code is not allowed
Marsh Posté le 05-12-2009 à 17:00:32
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 ^^
Enorme Merci d'avance
Message édité par ludo2604 le 05-12-2009 à 17:04:27
---------------
Make Portraits, Not War!