La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Une image toujours visible: Aider moi
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Une image toujours visible: Aider moi  (Lu 697 fois)
Une image toujours visible: Aider moi
« sur: le 11-01-2005 a 16:53:36 »
Griseba
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 3





Voir le Profil    WWW    E-Mail
Répondre avec citation

J'ai installer une image tjrs visible sur mon site, seulement voilà que celle-ci passse sous des objets de ma page et je voudrais que mon image soit en premier plan.
Voici le code que j'ai mis mais je vous invite à aller visiter mon site pour vous faciliter la tâche à me donner une aide précise. je vous remercie déjà à l'avance.

HTTP://users.skynet.be/love-zik
(Attention, le clic droit est interdit, mais vous pouvez aller voir le code source via "Affichage")

Griseba
Code:

entre <HEAD> et </HEAD> :

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->

<!-- Begin
function setVariables() {
imgwidth=65; // largeur de l'image
imgheight=45; // hauteur de l'image
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>

dans la balise <BODY> :

<BODY onload="setVariables(); checkLocation();">

Puis :

<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width=10 bgcolor=#ffffff><td>
<a href="index.html" onmouseover="window.status='Merci pour la visite !';return true" onmouseout="window.status='';return true"><center><img src="votreimage.gif" width="65" height="45" border="0"></center></a></font></td>
</table>
</div>

Rapporter au modérateur  

Re:Une image toujours visible: Aider moi
« Répondre #1 sur: le 22-01-2005 a 12:23:37 »
Matwil
Membre récent
*

Hors-Ligne

Messages: 7



Je suis un lama!

Voir le Profil
Répondre avec citation

Salut !!

Tout probleme d'ordre de bloc (premier, deuxieme plan)  peut simplement se résoudre par l'ordre dans le quel tu crées tes objets  ou blocs.

Cependant, j'ai pas regardé ton code dans le détail mais tu peux utiliser les css pour résoudre ce probleme :

Il faut mettre dans le style de tes blocs ou objets, l'attribut: "z-index" avec des valeur croissante pour établir l'ordre. Le plus évlevé sera au premier plan

EX:
<div id="Back" style="z-index:1">  // au Troisieme plan
<div id="Middle" style="z-index:2">  // au Deuxieme plan
<div id="Front" style="z-index:3">  // au Premier plan

Voilà j'espere que ça va t'aider ...

@ +

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg