CSS et positionnement

[Antoinei]

Bonsoir,

Sur cette page : http://antoine.azotobac.com/logiciels_libres/, j'aimerais positionner la petite maison dans le coin supérieur droit du navigateur ; mais, malgré tous mes essais, il reste toujours une petite marge entre le bord supérieur et l'image.

Feuille de style :

- Pour le div contenant l'image
#accueil {
position: absolute;
left:0em;
top: 0em;
}

- Pour les marges
html {
background-color: #ffffff;
margin: 0em;
}

Y a-t-il une solution ?

[calimo]

Qu'as-tu défini comme marges sur body ?
Essaye html,body {margin:0;} d'autant que certains navigateurs (suivez mon regard) risquent de ne pas appliquer les styles sur "html"

[Antoinei]

ça ne marche pas plus

[chBok]

Enlève les balises <p> qui entoure ton lien <a>, c'est elle qui te fait une marge supérieure.
Ensuite ta question est de positionner la maison dans le coin supérieur droit du navigateur, ton positionnement n'est pas correct, et plutôt que absolute, mets

Code : Tout sélectionner

#accueil {
float: right;
}

[calimo]

<div id="accueil"><p><a href="../"><img src="../maison.png" alt="Sommaire" border="0"/></a></p></div>
peut se résumer à

Code : Tout sélectionner

<div id="accueil"><a href="../"><img src="../maison.png" alt="Sommaire" border="0"/></a></div>

En tous cas avec l'inspecteur DOM ça semblait passer
Sur le choix du texte alternatif j'aurais choisi "retour au sommaire", mais je suis loin d'être un spécialiste.

EDIT : tiens, je me suis fait dépasser comme d'hab

[Antoinei]

Merci pour vos réponses !

J'ai enlevé les balises <p>, et ça marche beaucoup mieux ! Merci !

En fait je m'étais trompé, c'était dans le coin gauche ! mea culpa !

J'ai essayé avec un "float: left;" et le problème revient, bien que les <p> soient virés ??!!! J'ai finalement mis un position: fixed , comme ça reste visible pendant le défilement !

J'ai également modifié le contenu de alt !