Portail PHP

jonathanj · 24-03-2006 05:34:56

Bonjour, Voila mon site internet est un site de rencontre et j'aimerais si possible lorsque la souris passe sur une photo un cadre de couleur se met autour et lorsque je deplace la souri a coté , le cade disparait

Voici mon code :

Code:

<img src='photos/mini_<?=$row['photo_name']?>' border='0'></a>

Merci de me dire si il y a une petite solution

Cordialement, Jonathan

___seb · 24-03-2006 06:14:18

salut,

La solution ne se trouve surement pas du coté php mais du html/css(/javascript).

Code:

a img {border:1px solid <couleur du fond>;}
a:hover img {border:1px solid blue;}

en limitant ça a la classe ou le id qui contient les images, sauf si tu n'as pas d'autres images sur la page.

Veuillez agréer monsieur l'expression de mes salutations distinguées :p lol

Dernière modification par ___seb (24-03-2006 06:15:30)

palmivore · 24-03-2006 06:15:07

C'est du css...

Code:

<style type="text/css">
img {
  border:none;
}
img:hover {
  border:1px solid;
}
</style>

PS1: posts croisés
PS2: msg déplacé vers autres.

___seb · 24-03-2006 06:17:22

la pseudo classe :hover ne marche que sur les liens avec internet explorer.

Je pense qu'il est préférable que par défaut il y ai une bordure de la même couleur que le fond sinon a l'apparition de la bordure il risque de se produire un mouvement de tout le contenu après l'image. D'un pixel, certes ...

PS1: gagné ! :p

Dernière modification par ___seb (24-03-2006 06:18:05)

jonathanj · 24-03-2006 06:32:47

J'ai pas specialement bien compris...

palmivore · 24-03-2006 08:45:36

tu as 1000 fois raison seb. mieux vaut la bordure de 1 px de la même couleur que le fond. et, en le hover ne prend pas dans IE sur autre chose que des liens

jonathanj, qu'est ce que tu n'as pas compris ? il faut que tu mettes une feuille de style pour gérer ce que tu demandes.

___seb · 24-03-2006 16:02:29

palmivore a écrit:
tu as 1000 fois raison seb.

2 fois ça suffira

Petite démonstration :
http://uzability.free.fr/html/testcadre.html
tests positifs sous firefox et opera...

jonathanj · 27-03-2006 09:05:19

C'est pas sa que je souhaiter , je voudrais qu'un calque se mette quand je passe la souris dessus et non quand je clique ....

Merci....

palmivore · 27-03-2006 10:11:03

jonathanj a écrit:
...j'aimerais si possible lorsque la souris passe sur une photo un cadre de couleur se met autour et lorsque je deplace la souri a coté , le cade disparait ....

C'est exactement le comportement du code proposé par Seb.

jonathanj · 28-03-2006 01:02:38

SUr la page de test de seb pour visualizez le cadre il faut cliquer dessus ...

merci

palmivore · 28-03-2006 01:27:13

Arf.... Avec IE oui. Il faut attendre la sortie d'IE 7 pour que ca fonctionne. Là c'est vraiment du au navigateur.

Mais avec opéra et FF ca fonctionne.

___seb · 28-03-2006 02:31:57

ah, zut, j'aurais cru, je vais essayer de voir ça en css, sinon faudra le faie ne javascsript...

jonathanj · 28-03-2006 03:41:20

ahh ui effectivemen sa ne marche que sur firefox...

Portail PHP

Annonce

#1 24-03-2006 05:34:56

cadre autour d'une image

Code:

#2 24-03-2006 06:14:18

Re: cadre autour d'une image

Code:

#3 24-03-2006 06:15:07

Re: cadre autour d'une image

Code:

#4 24-03-2006 06:17:22

Re: cadre autour d'une image

#5 24-03-2006 06:32:47

Re: cadre autour d'une image

#6 24-03-2006 08:45:36

Re: cadre autour d'une image

#7 24-03-2006 16:02:29

Re: cadre autour d'une image

palmivore a écrit:

#8 27-03-2006 09:05:19

Re: cadre autour d'une image

#9 27-03-2006 10:11:03

Re: cadre autour d'une image

jonathanj a écrit:

#10 28-03-2006 01:02:38

Re: cadre autour d'une image

#11 28-03-2006 01:27:13

Re: cadre autour d'une image

#12 28-03-2006 02:31:57

Re: cadre autour d'une image

#13 28-03-2006 03:41:20

Re: cadre autour d'une image

Pied de page des forums

Regles d'utilisation des forums : pensez à toujours les respecter si vous désirez obtenir des réponses rapides. FAQ : pensez à toujours chercher dedans si la réponse à votre question est dedans. Proposez vos news : si vous avez un evenement à annoncer le chat : venez discuter de php.