Header mal positionné ( decalé )
Fhocus
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
roborok -
roborok -
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.
A voir également:
- Header mal positionné ( decalé )
- Pourquoi la tnt fonctionne mal en ce moment - Guide
- Écran décalé à droite windows 10 ✓ - Forum Windows
- 400 bad request request header or cookie too large ✓ - Forum Réseaux sociaux
- Carte graphique mal branchée - Forum Carte graphique
- 400-Bad Request avec Firefox - Forum Windows
2 réponses
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
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
