[HTML] probleme de position ...

probleme de position ... [HTML] - HTML/CSS - Programmation

Marsh Posté le 29-01-2004 à 03:35:57    

Bon voila , j'ai crée une page perso , avec une image en fond d'ecran ...
 
et quand je vais dessus , ben dans IE , tout s'affiche bien , mais au lieu de mon image en fond d'ecran , bah c tout blanc ...
 
Quelqu'un sait ???
 
c'est visible en cliquant sur ma signature ...


Message édité par TofClock le 29-01-2004 à 17:37:28

---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 03:35:57   

Reply

Marsh Posté le 29-01-2004 à 08:49:56    

Houlala , j'ai posté pour rien .... j'avais oublié d'uploader l'image  :whistle:  
 
Je vous autorise a vous moquer  [:djsix]


---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 11:39:56    

Par contre , j'aurais une autre question ...  
 
J'ai une page avec un lien defini par une image :
<a href="mon lien"><img src="mon image"...></a>
 
et je voudrais que , quand la souris passe sur cette image , l'image change , un genre de  
onMouseOver="self.status'<img src="...">'  
 
mais ca marche pas  :(


---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 12:30:07    

on appelle ça un rollover. Fais une recherche là-dessus


Message édité par jagstang le 29-01-2004 à 12:30:30
Reply

Marsh Posté le 29-01-2004 à 15:08:25    

jagstang a écrit :

on appelle ça un rollover. Fais une recherche là-dessus


 
ok , je cherche ...  [:spikler]


---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 15:26:47    

Exemple en CSS sans JavaScript :

Code :
  1. <html>
  2. <head>
  3. <style>
  4. #mon_image
  5. {
  6. background-image:url(mon_image_off.gif);
  7. height:75px;
  8. width:100px;
  9. border:1px solid blue;
  10. }
  11. #mon_image:hover
  12. {
  13. background-image:url(mon_image_on.gif);
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <a id="mon_image" href="#"></a>
  19. </body>
  20. </html>


Message édité par Mara's dad le 29-01-2004 à 15:40:13
Reply

Marsh Posté le 29-01-2004 à 15:30:29    

Merde, çà marche qu'avec IE :/
Je cherche pour Moz...

Reply

Marsh Posté le 29-01-2004 à 15:42:45    

ici celui proposé par LexTuhor est nickel compatible :
 

Code :
  1. <head>
  2. <script type="text/javascript"><!--
  3. image1 = new Image(30,30);
  4. image1.src = "image.png";
  5. image2 = new Image(30,30);
  6. image2.src = "image-dessus.png";
  8. function rollover(x, y)
  9. {
  10. document.images[x].src=eval(y+'.src');
  11. }
  12. </script>
  13. </head>
  15. et dans le body :
  17. <a onmousedown="rollover('image1', 'image1')" onmouseover="rollover('image1', 'image2')" onmouseout="rollover('image1', 'image1')" href="page1.htm"><img class="bordboutons" id="image1" src="image.png" alt="description du bouton" /></a>


Message édité par SpaceHubble le 29-01-2004 à 15:44:09
Reply

Marsh Posté le 29-01-2004 à 15:54:05    

hé hé , merci bien  ;)  
 
j'avais trouvé ca aussi http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/ mais j'arrive pas à le faire fonctionner  :(


---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 16:26:44    

Sisi , c'est bon , j'y suis arrivé , un grand merci à tous  ;)  
 
 
 [:spikler]  [:spikler]  [:spikler]


---------------
http://www.pilipub.com
Reply

Marsh Posté le 29-01-2004 à 16:26:44   

Reply

Marsh Posté le 29-01-2004 à 17:38:54    

Bon , voila un bout de page ....
 

Citation :

<style type="text/css">
 
 #menu a {
  display: block;
  width:459px;
  margin: lem 0; padding: 0 0 261px 0px;
  font: bold 10px/1 sans-serif;
  color:#f90;
  background: url("" ) no-repeat;
  text-decoration: none;
  }
 #menu a:hover {
  background: url("img/enterov.gif" ) no-repeat;
  color:red;
  }
</style>
</head>
 
<body background="http://perso.wanadoo.fr/tofclock/img/bg.jpg" link="#000000" vlink="#000000" alink="#000000" />
<div id="menu">
<a href="http://perso.wanadoo.fr/tofclock/accueil.htm"></a></div>
<br />

.....
 
Ca marche bien , seulement , comment je peux faire pour dire ou je veux afficher cette image sur la page ??? (coordonnées)
 
Je debute juste , alors bon  :(


---------------
http://www.pilipub.com
Reply

Sujets relatifs:

Leave a Replay

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