Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2494 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°516682
PiPs
Zen !
Posté le 17-09-2003 à 17:43:53  profilanswer
 

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 !

mood
Publicité
Posté le 17-09-2003 à 17:43:53  profilanswer
 

n°516710
fadenretur​ns
Posté le 17-09-2003 à 18:24:46  profilanswer
 

Rien compris  :sweat:


---------------
mon blog : http://www.magnin-sante.ch/journal/
n°516711
sibelius
Vous êtes sûr ?
Posté le 17-09-2003 à 18:26:11  profilanswer
 

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
n°516712
PiPs
Zen !
Posté le 17-09-2003 à 18:35:10  profilanswer
 


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

n°516747
Hermes le ​Messager
Breton Quiétiste
Posté le 17-09-2003 à 20:25:46  profilanswer
 

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). )

n°516877
MagicBuzz
Posté le 18-09-2003 à 08:39:43  profilanswer
 

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.

n°516916
PiPs
Zen !
Posté le 18-09-2003 à 10:27:02  profilanswer
 

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

n°516976
fadenretur​ns
Posté le 18-09-2003 à 11:52:48  profilanswer
 

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/
n°517956
MagicBuzz
Posté le 19-09-2003 à 09:54:39  profilanswer
 

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.

n°518156
PiPs
Zen !
Posté le 19-09-2003 à 13:04:57  profilanswer
 


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

mood
Publicité
Posté le 19-09-2003 à 13:04:57  profilanswer
 

n°518194
sibelius
Vous êtes sûr ?
Posté le 19-09-2003 à 14:03:13  profilanswer
 

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
n°518349
Bufff
Posté le 19-09-2003 à 16:41:08  profilanswer
 

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.

n°518753
MagicBuzz
Posté le 20-09-2003 à 11:36:06  profilanswer
 

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

n°519030
pascalC
Posté le 20-09-2003 à 19:15:56  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

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 JPanelRécupérer le contenu d'une JFrame dans une image
[CSS]Mettre une image de fond 
Plus de sujets relatifs à : Rollover sur une seule image (avec effet d'ombre)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.074 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)