Besoin de fixer une image à un endroit précis sur une page

J'ai besoin de fixer une .gif image à un endroit précis sur ma page d'accueil. J'ai placé l'image dans mon code HTML, et "position:fixed" ne pas faire ce que je veux, le reste du contenu de la page défile sous l'image. Je veux l'image pour rester dans le même endroit, à tout moment.

Avertissement: je sais rien à propos de HTML & CSS, donc toutes mes excuses si c'est une question très simple. J'ai fait des recherches, mais rien, j'ai essayé semble fonctionner.

Sur une note connexe, mon image change de taille en fonction de ce navigateur je consulte mon site. J'ai lu ici, en réponse à une autre question que vous pouvez remédier à cela en utilisant les pourcentages au lieu de pixels au format de votre objet, mais j'ai essayé et le problème reste le même.

Autres remarques: j'utilise google Chrome comme mon navigateur et je suis de la création de mon site à l'aide de Weebly. Mon adresse de site web est http://www.designartistree.com/ et de l'image en question le ruban dans le milieu de la page sous le grand "Conception Artistree" logo.

N'importe quel débutant-friendly conseils seraient grandement appréciés! Merci!!!!

Voici le code html que j'ai pour l'image:

<img src="/files/theme/ribbon.gif" alt="ribbon" style="position:fixed; margin-left:27.6%; margin-top:61%; width:63.7%; height:10%; z-index:50; visibility:show">

OriginalL'auteur user1661415 | 2012-09-10

  1. 5

    Si vous utilisez position:fixed, l'élément est positionné relativement à la fenêtre, de sorte que même si vous faites défiler, l'élément ne bouge pas.

    Si vous voulez déplacer lorsque vous faites défiler, utiliser position:absolute.

    Mais à cause de votre mise en page, vous avez 2 options:

    • Placer l'image à l'intérieur de #box
    • Supprimer le code suivant:
    html{
    overflow:hidden;
    height: 100%;
    max-height: 100%;
}
body {
    height: 100%;
    max-height: 100%;
    width: 100%;
}
#box {
    height: 100%;
    max-height: 100%;
    overflow: auto;
    width: 100%;
}
    Merci beaucoup! J'ai passé des heures à essayer de comprendre cela. J'avais déjà essayé de position:absolute, mais ce que je devais faire était de placer l'image à l'intérieur de #boîte ainsi.

    OriginalL'auteur Oriol