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

Centrer mon site web....

Ruskova
Ruskova
Niveau 10
23 mai 2012 à 22:47:20

Bonsoir !

Voila , je suis a la recherche d'un code pour centrer mon site web pour que tous le monde y-va avec son pc ^^ j'ai fais pas mal de recherche mais rien. Si quelque veut bien me donner un code pour centrer , je vous serais très reconnaissant. :)

:merci:

skyboys
skyboys
Niveau 10
23 mai 2012 à 23:05:03

Body{
width: 960px;
margin: 0 auto;
}

Ruskova
Ruskova
Niveau 10
23 mai 2012 à 23:27:54

Tu en sur que sa marche ? :)

Tiddo
Tiddo
Niveau 10
23 mai 2012 à 23:29:48

La meilleure des solutions c'est de... tester.

Ruskova
Ruskova
Niveau 10
23 mai 2012 à 23:33:16

Ok mais je suis pas un pro :merci:

skyboys
skyboys
Niveau 10
23 mai 2012 à 23:46:15

Ou au pire va lire le tuto sur lesiteduzero sur le HTML5/CSS3. Tu y apprendras les bases du css que tu n'as pas

vava740
vava740
Niveau 10
24 mai 2012 à 08:10:47

Sujet créé 6589456259840 fois sur internet :hap:

malade_de_ouf
malade_de_ouf
Niveau 10
24 mai 2012 à 08:16:28

Sinon tu touches pas au Body tu mets une Div Wrapper et tu rajoutes le code plus haut pour pouvoir séparer ton contenu et tes background :)

BetterDreamApp
BetterDreamApp
Niveau 1
24 mai 2012 à 12:00:40

Le plus propre est d'utiliser une feuille de style CSS séparée : style.css par exemple.

Y mettre :
body {
width: 800px; /*Largeur voulue*/
margin: 0 auto; /*Pour centrer : pas de marge en haut et en bas, marges en auto sur les côtés*/
}

Inclure la feuille de style dans le code HTML entre <head> et </head> :
<link href="style.css" rel="stylesheet" />

Bien entendu, pour que ce CSS fonctionne il faut avoir une balise <body>. Tu l'as sûrement si tu respectes un tant soit peu les standards. xD

<!--Doctype -->
<html>
<head>
...
</head>

<body>
...
</boody>
</html>

Une autre solution serait de faire une classe CSS container par exemple et de l'appliquer à un div contenant tout le contenu à centrer dans le body (attention cependant au positionnement relatif).

dogibag
dogibag
Niveau 7
24 mai 2012 à 13:15:03

pourquoi 800 px !? 980 px et hop ton site ne se casse pas la face quand on le réduit !

Ruskova
Ruskova
Niveau 10
24 mai 2012 à 14:06:18

Un grand merci " BetterDreamApp ", je vais tester ton code. :)

:merci:

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