Header mal positionné ( decalé )
Bonjour à tous, j'ai un petit soucis en css, mon header est décalé de quelques px alors que je veut qu'il soit dans le coin de la page.
Voilà mon code :
Merci d'avance.
Voilà mon code :
<style type="text/css">
#header {
background-image:url("http://image.noelshack.com/fichiers/2013/27/1373226033-sans-titre.png");
text-align: center;
}
#header a { color: #1C4D75;
display: inline-block;
padding: 10px 11px;
text-shadow: 0 2px 0 #2B78B7;
text-decoration:none;
font-family:Impact, fantasy;
}
#header a:hover {
background-image: url("") ;
}
</style>
<div id="header">
<a href="/">Accueil</a>
<a href="/">Staff</a>
<a href="/">Sommaire</a>
<a href="/">Calendrier</a>
</div>
Merci d'avance.
2 réponses
-
Saluy,
en effet vous avez une mar ge interne:
padding: 10px 11px; -
Toujours pareil quand je la retirer et en plus les lien sont l'un a coté des autres
---
Oui pardon, j'ai parlé un peu vite. Les marges s'appliquaient aux liens.
Vous pouvez essayer :
Indiquer des marges nulles dans le body(qui seront 'héritées pour les éléments enfants) ou bien dans votre identifiant css:
#header {
background-image:url("http://image.noelshack.com/fichiers/2013/27/1373226033-sans-titre.png");
text-align: center;
margin:0;
padding:0;
}
Et bien sûr
body{
margin:0;
padding:0;
}
Je ne pense pas que ça vienne du text-align mais essayez tout de même:
text-align-left(pour aligne à gauche).
Ceci peut vous aider aussi:
http://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html
-
