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

Bordure?

mogi
mogi
Niveau 7
28 juin 2006 à 14:21:50

Bonjour à tous,

Je suis un noob dans la création de sites web et j´aurais une question qui vous parraitra surement simple.

Sur le site suivant:
http://wow.jeuxonline.info/

On peut voir que la page est cadrée au centre et qu´il y a des bordures vides sur les côtés (c´est d´ailleurs le cas sur jeux video.com).

J´aimerais savoir comment arriver à ce résultat, merci :).

deepblue
deepblue
Niveau 16
28 juin 2006 à 16:14:20

dans un e feuille de style :
body {
width: largeur px;
margin:auto;
}

Yoda_Software
Yoda_Software
Niveau 30
28 juin 2006 à 20:06:34

Personnellement je n´utilise pas margin: auto dans le body.
Je préfère la méthode suivante :
css :d)
body
{
background-color: #FFFFFF;
text-align: center;
}

  1. general

{
width: 760px;
margin: auto;
}

html :d)
<html>
<head>
<!-- ... -->
</head>
<body>
<div id="general">
<!-- contenu de la page -->
</div>
</body>
</html>

je précise le background-color, parce que certains utilisateurs (comme moi) n´ont pas obligatoirement du blanc par défaut en fond de page si ce n´est pas précisé dans le code (moi, c´est du gris clair).
J´utilise text-align: center dans le body et margin: auto dans un div parce que comme ça, c´est centré par tous les navigateurs.

Sparklegamer
Sparklegamer
Niveau 8
28 juin 2006 à 22:55:54

"body
{
background-color: #FFFFFF;
text-align: center;
}

  1. general

{
width: 760px;
margin: auto;
} "

site du zero for ever

deepblue
deepblue
Niveau 16
28 juin 2006 à 22:58:00

"site du zero for ever" >> ce n´est pas dieu non plus...

Que l´in mette ça dans body ou dans un div, l eresultat sera le meme. I lfaut adapter a ce qu´on veut :ok:

Yoda_Software
Yoda_Software
Niveau 30
29 juin 2006 à 00:11:17

margin: auto n´est pas supporté par tous les navigateurs, dont IE, donc on utilise 2 méthodes de centrage, à savoir ´text-align: center´ dans le body et ´margin: auto´ dans le div.

Sparklegamer
Sparklegamer
Niveau 8
29 juin 2006 à 11:31:30

""site du zero for ever" >> ce n´est pas dieu non plus... "

qui ta dit que je considerais le site du zero comme un site de reference ? Je remarquais juste que le code donnée venait du site du zero....

deepblue
deepblue
Niveau 16
29 juin 2006 à 11:47:57

C´est juste du css et des centaines de sites utilsent ce boiut code sans connaitre le sdz...

Yoda_Software
Yoda_Software
Niveau 30
29 juin 2006 à 14:49:03

C´est clair, moi je tiens ça de : la Bible Micro Application "HTML et développement Web".

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