Logo fixe dans une page web

[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 !

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.

[ghost]

Bonjour,

Inclus toute ta page dans un conteneur en position relative et ton logo en absolute soit :

#conteneur {
position: relative;
}

#logo {
position: absolute;
 bottom: 0;
 left: 0;
}

Modifié 1 Novembre 2006 par ghost