En ce momentGenshin ImpactValhallaBreath of the wildAnimal CrossingGTA 5Red dead 2
Liste des sujets
[CSS] Problème avec une barre en CSS
TheDefunt
Niveau 9
16 novembre 2014 à 01:26:18
Salut, j'ai donc un problème. En fait je souhaitait faire une barre en haut de mon site pour pouvoir y écrire quelque chose, mais en fait elle est espacée des bordures du site. Je pense qu'une image sera plus explicite donc voilà:
Pseudo supprimé16 novembre 2014 à 08:40:02
Il suffit de supprimer les marges de la page, ce qui se fait de manière générale comme ceci:
html, body{ margin:0; padding:0; }
GuklamV2
Niveau 7
16 novembre 2014 à 11:05:17
l'écriture conventionnelle est :
body{ margin:0; padding:0; }
pas besoin d'envelopper la balise html.
TheDefunt
Niveau 9
16 novembre 2014 à 13:24:10
cette barre justement ce trouve dans une balise <header> que faire ?
johnjrambo
Niveau 7
16 novembre 2014 à 15:09:47
header { margin:0; padding:0; }
Pseudo supprimé16 novembre 2014 à 15:53:12
C'est bien le margin automatique de body.
body { margin: 0 }
ça suffit, il n'y a pas de padding.
TheDefunt
Niveau 9
16 novembre 2014 à 16:41:45
Excellent merci à vous, et maintenant j'ai un autre problème :/ En fait j'aimerai mettre du texte dans cette barre et j'aimerai le centrer verticalement dans cette barre, rien à faire même en utilisant display: inline-block; + vertical-align: middle; je n'y arrive pas. Voilà un petit screen pour être plus clair:
skyboys
Niveau 10
16 novembre 2014 à 17:00:29
Tu trouveras ici http://css-tricks.com/cen/centering-css-complete-guide/ un guide complet pour centrer verticalement en CSS selon le contexte !