CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Problème avec une barre en CSS

TheDefunt
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à:

https://image.noelshack.com/fichiers/2014/46/1416096663-capture.png

Pseudo supprimé
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
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. :noel:

TheDefunt
TheDefunt
Niveau 9
16 novembre 2014 à 13:24:10

cette barre justement ce trouve dans une balise <header> que faire ?

johnjrambo
johnjrambo
Niveau 7
16 novembre 2014 à 15:09:47

header
{
margin:0;
padding:0;
}

:question:

Pseudo supprimé
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
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:

https://image.noelshack.com/fichiers/2014/46/1416152500-capture.png

skyboys
skyboys
Niveau 10
16 novembre 2014 à 17:00:29

Tu trouveras ici :d) http://css-tricks.com/cen/centering-css-complete-guide/ un guide complet pour centrer verticalement en CSS selon le contexte :) !

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment