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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] probleme de position ...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] probleme de position ...

n°624516
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 03:35:57  profilanswer
 

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
mood
Publicité
Posté le 29-01-2004 à 03:35:57  profilanswer
 

n°624548
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 08:49:56  profilanswer
 

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
n°624695
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 11:39:56  profilanswer
 

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
n°624787
jagstang
Pa Capona ಠ_ಠ
Posté le 29-01-2004 à 12:30:07  profilanswer
 

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


Message édité par jagstang le 29-01-2004 à 12:30:30
n°624954
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 15:08:25  profilanswer
 

jagstang a écrit :

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


 
ok , je cherche ...  [:spikler]


---------------
http://www.pilipub.com
n°624980
Mara's dad
Yes I can !
Posté le 29-01-2004 à 15:26:47  profilanswer
 

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
n°624986
Mara's dad
Yes I can !
Posté le 29-01-2004 à 15:30:29  profilanswer
 

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

n°625001
SpaceHubbl​e
Posté le 29-01-2004 à 15:42:45  profilanswer
 

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";
  7. function rollover(x, y)
  8. {
  9. document.images[x].src=eval(y+'.src');
  10. }
  11. </script>
  12. </head>
  13. et dans le body :
  14. <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
n°625023
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 15:54:05  profilanswer
 

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
n°625055
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 16:26:44  profilanswer
 

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


---------------
http://www.pilipub.com
mood
Publicité
Posté le 29-01-2004 à 16:26:44  profilanswer
 

n°625142
TofClock
html , stro dur :D !!
Posté le 29-01-2004 à 17:38:54  profilanswer
 

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

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

  [HTML] probleme de position ...

 

Sujets relatifs
Pour les amoureux du JScript/HTMLPROBLEME AFFICHAGE D IP
probleme pour parser un format notation scientifique (ex : e-179) JAVA[HTML + PHP ] variable text dans textarea [close]
[PHP] Problème de cookie [création inside][HTML] - Problème d'actualisation de mon site ?
[VB] Problème avec la lecture d'un fichierfaire un editeur HTML en Javascript..pistes??
Rechercher mot en ignorant les balises html 
Plus de sujets relatifs à : [HTML] probleme de position ...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR