Header mal positionné ( decalé )

Fermé

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 - 15 févr. 2015 à 15:46
roborok - 15 févr. 2015 à 17:22

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 :

<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.

A voir également:

Header mal positionné ( decalé )
Carte graphique mal branchée - Forum Carte graphique
Prime video sous titre decalé - Forum TV & Vidéo
Je reçois mes messages messenger en décalé - Forum Facebook
Verre trempé colle mal sur les bords ✓ - Forum iPhone
Écran décalé à droite windows 10 ✓ - Forum Windows

2 réponses

Réponse 1 / 2

roborok
15 févr. 2015 à 15:47

Saluy,

en effet vous avez une mar ge interne:

padding: 10px 11px;

Réponse 2 / 2

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 2
15 févr. 2015 à 15:53

Toujours pareil quand je la retirer et en plus les lien sont l'un a coté des autres

--

roborok
15 févr. 2015 à 17:22

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

Discussions similaires

Décalage son et image sur YouTube ?

mon pc capte mal en wifi

debloquer le code 400 bad request qui s'affiche à google

GPT header corruption has been detected please check sata mode setting

Imprimante Canon.. Impression décalée

Discussions similaires

Newsletters