& Php > bordure speciale à une image, perdu dans le code

& 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:
http://img697.imageshack.us/img697/2186/image3u.png
 
Après:
http://img682.imageshack.us/img682/8261/image1y.png
 
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!  
Reply

Marsh Posté le 05-12-2009 à 17:00:32   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed