Image latérale qui s'affiche pas

[Jézebel L.]

Bonjour/Bonsoir   

Je viens vers vous, car j'ai un souci d'image, ou plutôt de code qui s'affiche pas sur mon forum.

Je voudrais en effet avoir un petit cadre comme ceci, avec lien qui mènerait à une page du forum :



J'ai essayé avec ces codes ci :
dans affichage/page d'accueil/généralité, j'ai mis :

Code:

<a href="http://monde-oublie.forumactif.com/t1098-faites-vivre-le-forum-en-votant-pour-les-tops-sites-ici"><img class="sortimg" src="http://img11.hostingpics.net/pics/614890tops.png" /></a>

Puis dans mon css j'ai mis :

Code:


.sortimg {
        left:-990px;
        top:990px;
        position:fixed;}    

Mais rien, l'image ne s'affiche pas :/

Voici d'ailleurs l'url de l'image :

Code:

http://img11.hostingpics.net/pics/614890tops.png

Aidez-moi svp   

[Invité]

Bonjour,

Ceci est du à votre CSS et plus précisément par ceci:

Code:


        left:-990px;
        top:990px;
       

Vous demandez à l'image avec ces deux codes de ce rapprocher de 990px du coté gauche de l'écran et de s'éloigner de 990px du haut de l'écran. Ce qui est beaucoup trop puisque l'image est sorti de la "div" du block général.

Si vous mettriez votre image dans le template "overall_header" ceci fonctionnerais à condition que les distance donné ne dépasse pas la largeur de votre site.

Cordialement,

[Jézebel L.]

Bonjour,

Merci de m'avoir répondu.
Malheureusement, si j'ai mis ce genre de codes css, c’est parce que que je n'ai pas accès aux templates.
et la fonda ne vient plus.

En fait, avant le code marchait, mais depuis qu'on a changé le design, ça marche plus...

donc je dois juste changer les valeurs px, c'est ça ?

[Invité]

D'accord,

Oui les valeurs son beaucoup trop grandes.. Prenez exemple sur mon forum teste avec votre image, http://phpbb2.1forumgratuit.com/ ... J'ai remplacer les valeurs par -10px et 10px et voyez le résultat.

Cordialement,

[Invité]

Désolé de mon double poste, mais j'aimerais aussi vous renseigner sur ce fait.

Sachez qu'il y a une différence entre left et margin-left et pareil pour top et margin-top.

Quand nous mettons top: 10px; l'élément va ce retrouver à 10px de haut de l'écran. Tandis que si nous mettons margin-top: 10px; l'élément va bouger de 10 pixel de son emplacement d'origine situé dans le code.


Cordialement,

[Jézebel L.]

Bonjour,

D'accord, merci pour toutes ces infos ^^

Problème réglé.