28220 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai un problème pour appliquer correctement une bordure sur une photo appelée en php ( echo "<img src....)
la bordure n'épouse pas correctement les bords de la photo
Qqn a t il uen idée pour solutionner ce pb?
Merci!
Modifié par fourtou (17 Aug 2006 - 19:28)
c'est peut etre du à l'absence des propriétés "width" et "heigh"t de ton image<img> dans le code html. si tu n'inclue pas ces propriétés, (certainement parce que tes images ont des tailles différentes...) tu risque a priori d'avoir des problèmes d'affichage des bordures mais je ne suis pas sur que ce soit vraiment ton probleme; sans adresse pour voir ton problème je ne peux faire que des suppositions
voilà un peu de code:
echo "<img src='../../photos_maisons/".$row_all_maisons['photo']."' 'width='160' height='100' /><br /><br />";

j'ai essayé le placement dans un div, un span class, j'arrive à avoir des bordures mais avec un résultat qui donne ceci:
upload/8068-capture1.jpg

du coté css g mis ceci:
.apercu_photo
{
display:block;
border:3px solid #9A0102;
}

en espèrant que ces précisions aideront...
Merci!!
Je vais tenter...

Je dirais que tu dois appliquer tes bordures directement à l'image et non au div.

Par exemple :

img .photo
{
border:3px solid #9A0102;
}


Et pour l'html :

<img class="photo" src="toncodephp" />
To! a écrit :

img .photo { }


Bonjour,

En revanche sans espace entre « img » et « .photo », sinon cela forme un sélecteur descendant Smiley cligne
ou alors :
.apercu_photo img {
border: 3px solid #9A0102;
}


@ fourtou : merci de faire attention à la façon d'afficher le code sur le forum. Utiliser pour cela : [code ] [/code ] (sans espace. Il y a un bouton pour cela Smiley cligne )
Modifié par Alan (17 Aug 2006 - 19:32)
Merci à tous, ça fonctionne nickel chrome!

Vous êtes des chefs!

Au plaisir de pouvoir vous renvoyer l'ascenseur!
fourtou a écrit :
ça fonctionne nickel chrome!

Content que ça fonctionne Smiley smile . Pourrais-tu alors signaler que le sujet est [résolu].
Merci d'avance Smiley cligne