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 à 18:24:46
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
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...
Marsh Posté le 17-09-2003 à 20:25:46
| PiPs 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). )
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.
Marsh Posté le 18-09-2003 à 10:27:02
| Hermes le Messager a écrit : |
Argh... j'y arrive pas ! Pfuiii...
Marsh Posté le 18-09-2003 à 11:52:48
| MagicBuzz a écrit : http://forum.hardware.fr/forum2.ph [...] h=&subcat= |
Shame on IE 
---------------
mon blog : http://www.magnin-sante.ch/journal/
Marsh Posté le 19-09-2003 à 09:54:39
| fadenreturns a écrit : |
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.
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
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
Marsh Posté le 19-09-2003 à 16:41:08
| MagicBuzz a écrit : |
La norme CSS2 date du 12 mai 1998, donc elle est finalisée depuis un bon moment.
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
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
Sujets relatifs:
- Un rollover mais avec une seule image (ajout de l'ombre)
- [PHP] insérer une image dans MySql
- Pourquoi l'image s'affiche pas....
- [HTML] Problème de bordure avec une image...
- pb affichage d'une image dans un JPanel
- Récupérer le contenu d'une JFrame dans une image
- [CSS]Mettre une image de fond
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 !