Titre: Une image toujours visible: Aider moi
Posté par: Griseba le le 11-01-2005 a 16:53:36
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> |
Titre: Re:Une image toujours visible: Aider moi
Posté par: Matwil le le 22-01-2005 a 12:23:37
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 ...
@ + |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|