Version complète: sur le forum Webmaster Hub : Logo fixe dans une page web
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
ratomaniak
Bonjour à tous,
voici ce qui m'ennuie.
Je veux fixer un logo dans une page web, pour qu'il apparaisse toujours en bas à droite de l'écran.
Je n'y arrive pas, voici ce que j'utilise en CSS :

.logo
{
text-align: right;
position: fixed;
}

J'ai besoin d'aide ! sad.gif

Petite précision : je ne peux pas le mettre en background car j'ai mis un fond gris au site. Le logo doit apparaitre dans la parti texte et non en background. Je vous aurais bien envoyer un screen mais imageshack est actuellement indisponible ....
xpatval
'lut,

Je suppose que ta page n'a pas de hauteur fixe ?

Qu'y a-t-il dans feuille de style ?

xpatval
ratomaniak
Nan, il n'y a pas de hauteur fixe.
J'ai fait une petite modif (qui n'a rien changé) :

HTML
<div id="logo"> <img src="graphics/logo.png" alt="logo" /> </div>

CSS
#logo
{
position: fixed; /* le positionnement fixe */
right: 20px; /* 20 pixels du bord droit */
bottom: 20px; /* 20 pixels du bord d'en bas */
}
karnabal
Salut,

Idéalement utilise le bouton qui va bien pour citer ton code. Si ton exemple est en ligne c'est pas plus mal. wink.gif
ghost
Bonjour,

Inclus toute ta page dans un conteneur en position relative et ton logo en absolute soit :
CODE
#conteneur {
position: relative;
}

#logo {
position: absolute;
bottom: 0;
left: 0;
}
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.