Rollover sur une seule image (avec effet d'ombre)

Rollover sur une seule image (avec effet d'ombre) - HTML/CSS - Programmation

Marsh Posté le 17-09-2003 à 17:43:53    

Bjr
 
Je n'y connais rien en code et donc j'aimerais savoir si c'est possible de faire un rollover sur une seule image et au lieu d'avoir deux images une sans l'ombre et l'autre avec l'ombre et donc... donc... en fait, il faudrais ajouter l'ombre par code (possibilite d'utilisation d'un pixel noir).
Voilà...voilà... et tout ça dans un tableau !
Merci de votre aide !

Reply

Marsh Posté le 17-09-2003 à 17:43:53   

Reply

Marsh Posté le 17-09-2003 à 18:24:46    

Rien compris  :sweat:


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 17-09-2003 à 18:26:11    

un truc dans ce style là ???
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
img {
border:4px none;
}
a.ombre:hover {
border-right: 4px solid gray;
border-bottom: 4px solid gray;
}
-->
</style>
</head>
<a class="ombre" href=""><img src="image.gif" alt=""/></a>
<body>
</body>
</html>


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-09-2003 à 18:35:10    


oui... dans ce style mais il faudrait que l'image se deplace aussi vers le haut gauche ... Si l'ombre est de 4 px, il faudrait que l'image se deplace egalement de 4 px vers le bord gauche haut !
 
Merci...

Reply

Marsh Posté le 17-09-2003 à 20:25:46    

PiPs a écrit :


oui... dans ce style mais il faudrait que l'image se deplace aussi vers le haut gauche ... Si l'ombre est de 4 px, il faudrait que l'image se deplace egalement de 4 px vers le bord gauche haut !
 
Merci...


Dans ce cas, tu reprends le même code que précedemment, mais en appliquant une marge négative de 4px vers la gauche et vers le haut. (propriété margin (top et left). )

Reply

Marsh Posté le 18-09-2003 à 08:39:43    

http://forum.hardware.fr/forum2.ph [...] h=&subcat=
 
Tu pux aussi le faire en CSS, mais :hover ne marche que sous Moz, IE ne comprends pas sur un div.
 
PS: le coup du border, c'est bien joli, mais ca fait changer la taille de l'image, du coup ca risque te faire peter la mise en page.

Reply

Marsh Posté le 18-09-2003 à 10:27:02    

Hermes le Messager a écrit :


Dans ce cas, tu reprends le même code que précedemment, mais en appliquant une marge négative de 4px vers la gauche et vers le haut. (propriété margin (top et left). )
 


 
Argh... j'y arrive pas ! Pfuiii...

Reply

Marsh Posté le 18-09-2003 à 11:52:48    

MagicBuzz a écrit :

http://forum.hardware.fr/forum2.ph [...] h=&subcat=
 
Tu pux aussi le faire en CSS, mais :hover ne marche que sous Moz, IE ne comprends pas sur un div.
 
PS: le coup du border, c'est bien joli, mais ca fait changer la taille de l'image, du coup ca risque te faire peter la mise en page.


 
Shame on IE  :kaola:


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 19-09-2003 à 09:54:39    

fadenreturns a écrit :


 
Shame on IE  :kaola:  


c'est pas shame of IE, la norme CSS2 n'est pas finalisee a ma connaissance. Pour un coup MS a decide de pas se lancer dedans avant sa stabilisation, histoire d'eviter de se faire accuser de ne pas etre conforme au standard quand le W3C aura change la moitiee de la norme comme ce fut le cas avec le XML.

Reply

Marsh Posté le 19-09-2003 à 13:04:57    


Bon... merci de vos reponses mais ça me donne pas une reponse à mon probleme...
 
Merci à tous
Tchaoooo

Reply

Marsh Posté le 19-09-2003 à 13:04:57   

Reply

Marsh Posté le 19-09-2003 à 14:03:13    

tu as essayé les marges ?
margin-top: -4px;
marting-left: -4px;
 
 
???


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 19-09-2003 à 16:41:08    

MagicBuzz a écrit :


c'est pas shame of IE, la norme CSS2 n'est pas finalisee a ma connaissance.  


 
La norme CSS2 date du 12 mai 1998, donc elle est finalisée depuis un bon moment.

Reply

Marsh Posté le 20-09-2003 à 11:36:06    

tu m'etonne un peu, parcequ'au dernieres nouvelles, notament pour les fonctions d'impression il y a encore un certain nombre de fonctions en beta... faudra que je retrouve le site ou j'avait vu ca. peut-etre qu'il n'a pas ete ;is a jour depuis 1998 mais je trouve ca un peu gros

Reply

Marsh Posté le 20-09-2003 à 19:15:56    

MagicBuzz a écrit :

tu m'etonne un peu, parcequ'au dernieres nouvelles, notament pour les fonctions d'impression il y a encore un certain nombre de fonctions en beta... faudra que je retrouve le site ou j'avait vu ca. peut-etre qu'il n'a pas ete ;is a jour depuis 1998 mais je trouve ca un peu gros


 
Bah il suffit d'aller sur la page de CSS2 pour voir la date de publication, d'ailleurs la sortie de CSS2.1 est imminente et CSS3 est déjà assez avancé pour que les concepteurs de navigateurs aient commencé à intégrer les premières commandes et sélecteurs CSS3

Reply

Sujets relatifs:

Leave a Replay

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