Bordure speciale pour une image, perdu dans le code

ludo260484

Nouveau membre
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 >

J'ai donc la page en question qui affiche l'image (plugin pixelpostrss) :

Code:
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

Code:
.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 :

Code:
            	print "<p class=\"float\"> <div class=\"photostyle\"><img src=\"$imgurl\" title=\"".$item["title"]."\" /></div>";

mais le resultat n'est pas du tout bon :

Avant:
Vous devez être connecté pour voir les images.


Après:
Vous devez être connecté pour voir les images.


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
 

marsien

Grand Maître
Il n'est pas possible de mettre une balise <div> dans une balise <p>. Pour pouvoir t'aider il faudrait que l'on connaisse le code css du reste, et notamment du <p class="float">.

Enfin, je ne pense pas que ce soit d'un padding ton tu ais besoin, mais d'une bordure pour ton image.
 

ludo260484

Nouveau membre
ah ça ne je savais pas, merci.
voici la css de float:

[cpp].float
{
float: left ;
padding-right: 10px;
} [/cpp]

:hello:
 

zeb

Modérateur
ludo260484, donne ta soluce, sait-on jamais, d'autres pourraient en profiter.
Merci.
 

ludo260484

Nouveau membre
Enfait c'éait tout con, le css avec ombre portée s'appliquait sur tout le bloc et non pas sur l'image :)
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 079
Messages
6 716 711
Membres
1 586 247
Dernier membre
MrAzgarIII
Partager cette page
Haut