Discussion :

[cyreel]

Bonjour a tous,
j'espère que je ne me trompe pas de forum.
Je souhaite afficher une icone sur mes pages web de sorte que celle-ci ne bouge pas. Cette icone doit être indépendante du background car il y a un lien dessus un peu comme sur ce site: https://sales.intrustdomainsonline.com/

J'utilise PHP et mysql. Prière m'aider.

Merci d'avance.

[HiRoN]

Bonjour,

Je n'ai personnellement pas compris ta demande...
Qu'appelles-tu exactement "icône" ?

[cyreel]

Bonjour,
Je ne me suis pas bien fait comprendre certainement. Je parle de l'icône qui se trouve en bas ç droite de la page du lien que j'ai donné.
Non seulement cette icone ne bouge pas, mais en plus il y a un lien sur elle c'est exactement ce qu'on me demande de faire.

J'espère que j'ai mieux expliqué.
Merci.

[nsanabi]

je te conseil d'utiliser l'extension firebug sous firefox (également sous google chrome je pense), cela te donnera les règles de style CSS appliquées sur "l'icone"

[polymorphisme]

Bonjour,

tu ne peux pas prendre exemple sur la page que tu donne ?

Tu récupère le code html, tu cherche le liens vers la feuille de style css (dans la balise link) puis tu la télécharge.

Tu cherche dans le fichier html ou se trouve ton "image avec lien"
puis tu lit ta feuille de style css.

Il n'y a qu'a recopier.

Un autre exemple dans la FAQ : http://css.developpez.com/faq/?page=...ans_javascript

[nsanabi]

Bonjour,

tu ne peux pas prendre exemple sur la page que tu donne ?

Tu récupère le code html, tu cherche le liens vers la feuille de style css (dans la balise link) puis tu la télécharge.

Tu cherche dans le fichier html ou se trouve ton "image avec lien"
puis tu lit ta feuille de style css.

Il n'y a qu'a recopier.

cela est un peu heavy, il existe des outils rendant cela plus facile, en l'occurence l'addon firebug de firefox proposé plus haut

rien qu'en survolant la zone concerné avec la souris il nous donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

left: auto; top: auto; bottom: -2px; right: 0px; position: fixed; z-index: 10001;

[AcidLines]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

; position: fixed; z-index: 10001;

C'est cet attribut qui est important, il permet de garder l'objet justement "fixe" par rapport a ton browser

[cyreel]

Merci nsanabi pour l'aide.
J'avais en effet regardé dans le code mais j'ai pas compris grand chose.
J'est testé le code CSS et ça marche nickel!
Trop cool

Merci pour votre aide.

[nsanabi]

à ton service
n'oubli pas de mettre résolu puisque c'est bon

[cyreel]

Encore une dernière chose.
ça marche effectivement très bien mais il y a des soucis sous internet explorer.

Avec chrome et firefox j'ai pas de problème pas explorer c'est la catastrophe, et en plus avec les fond transparent qu'il ne gère pas je m'en sort pas.
Donnez moi un autre coup de main SVP.

[cyreel]

Bonjour a tous,
J'arrive toujours pas à avoir cette icone là fixe sur Internet Explorer. voici le code que j'utilise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div style="left: auto; top: auto; bottom: -2px; right: 0px; position: fixed; z-index: 10001;">
    <img src="images/blank.gif" 
style="background-image: url('images/image.png'); _background-image: none;
width: 118px; height: 60px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image.png',sizingMethod='scale');" /></div>  
<!--END LOGO-->

Les fonctions sur l'image c'est pour afficher le code transparent sur IE.
Avec ce code l'image se fixe bien en bas à droite mais scroll avec la page sous IE.

Merci de m'aider.

[12monkeys]

Bonsoir

Une solution t'as été donnée un peu plus haut dans la discussion :

Un autre exemple dans la FAQ : http://css.developpez.com/faq/?page=...ans_javascript

[cyreel]

Merci 12monkeys.
J'ai vu ce lien mais avec le code qui y est proposé mon image ne s'affiche même plus sou IE.

[12monkeys]

Montre nous comment tu intègres ton image et ce code dans ta page...

[cyreel]

Ok!
voici le code que j'utilise c'est le meme que c-dessus sauf que j'ai ajouté ce qui a été dit sur le lien:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
	<div style="left: auto; top: auto; bottom: -2px; right: 0px; position: fixed; z-index: 10001;  position : expression('absolute'); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); left: expression('0px');">
    <img src="images/blank.gif" 
style="background-image: url('images/truwaf.png'); _background-image: none;
width: 118px; height: 60px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/truwaf.png',sizingMethod='scale');" /></div>

J'ai enlévé le width=expression("100%") car l'image doit être en bas à droite de la page.
Je signale que c'est pareil meme quand je met le code dans une page css.

merci