Aidez un débutant svp ! :)
toxxiczad
Messages postés
5
Statut
Membre
-
toxxiczad Messages postés 5 Statut Membre -
toxxiczad Messages postés 5 Statut Membre -
Bonjour,
J'aimerais savoir comment coder ça : http://img4.hostingpics.net/pics/314318Sanstitre1.jpg
Je m'explique :
Le cadre noir c'est le document, la fenêtre d'affichage quoi.
Le cadre bleu c'est une zone que je veux délimiter en tant que corps du document. J'aimerais que le cadre bleu soit la zone exacte dans laquelle sera mis tout mon contenu.
Ca doit être une histoire de marges je pense, mais je ne comprends pas vraiment comment faire.
Merci d'avance !
J'aimerais savoir comment coder ça : http://img4.hostingpics.net/pics/314318Sanstitre1.jpg
Je m'explique :
Le cadre noir c'est le document, la fenêtre d'affichage quoi.
Le cadre bleu c'est une zone que je veux délimiter en tant que corps du document. J'aimerais que le cadre bleu soit la zone exacte dans laquelle sera mis tout mon contenu.
Ca doit être une histoire de marges je pense, mais je ne comprends pas vraiment comment faire.
Merci d'avance !
7 réponses
-
Je te conseil de rechercher 'margin' sur google toutes tes réponses y sont
-
Salut !
Il s'agit bien d'une histoire de marges, as-tu regardé sur le site du zéro ? Je te laisse un lien : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
bigeyes -
Yes super merci ! C'est une très bonne piste ça, et ça va m'être bien utile. Pourtant ça ne répond pas vraiment à ma question. Enfin je crois pas...
Si je vulgarise la chose, voici ce que j'aimerais obtenir :
Faire en sorte que le <body> fasse par exemple 700px de large et soit automatiquement centré sur la fenêtre de celui qui visualise.
Du coup en ayant spécifié ça, j'ai plus à me soucier de ces marges là du tout et chaque chose que je met comme contenu sera directement affiché dans cette zone de 700px de large et centrée. -
Au temps pour moi, j'ai un peu confondu (ça fait un moment que j'ai pas tâté du CSS ^^).
Regarde plutôt ça : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 (tout le chapitre sur la mise en page en CSS peut t'être utile je pense). -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ok ça, ça a l'air d'être la solution. MERCI !
Si jamais, pendant que je regarde plus attentivement ton lien, voici un croquis plus détaillé de ce que j'aimerais faire : http://img4.hostingpics.net/pics/204643Sanstitre1.jpg
Ce qu'il y a au milieu, c'est une histoire de DIV, ça je sais faire.
Mon but c'est de définir les "XXpx" autour de la zone centrale.
Merci encore pour le lien, je m'y colle ! -
slt
<style type="text/css">
body {
margin-top:50px
}
#cadre_central {
margin: auto;
width: 400px;
height: auto;
min-height:400px;
border: 1px solid #900;
}
</style>
<body>
<div id="cadre_central"></div>
</body> -
Super ! Tous ces détails m'ont permis d'obtenir ce que je voulais :)
Merci à tous, sujet clos =D
