Rechercher : dans
Par :

[HTML]En milieu de page?!

Dernière réponse le 3 oct 2006 à 15:16:07 Wilbrod, le 29 sep 2006 à 17:37:05 
 Signaler ce message aux modérateurs

Bonjour à tous,
J'ai besoin de vous pour m'expliquer quelques trucs. Si vous aller voir le site suivant http://www.tv.com ou encore www.aliasdmc.fr/ vous pourrez constater que le site est fait d'une telle façon que le contenu est centré au milieu de la page. Je désire donc reproduire la même forme pour mon site.

En analysant la source, je n'ai pas trouvé comment cela était fait. Biensûr je suis un débutant dans le domaine, alors j'aimerais que vous m'expliquier et me renseigner.

Merci d'avance

Wilbrod

Meilleures réponses pour « [HTML]En milieu de page?! » dans :
Structure d'un document HTML Voir Notion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...

1

Ssylvainsab, le 29 sep 2006 à 19:21:33
  • +1

Bonsoir.

Si la page a une largeur définie, il suffit d'appliquer le style "margin:auto;" a la balise <body>.

Beaucoup de webmaster font un design fixe, c'est a dire que la largeur du corps reste la même selon que l'on "agrandit" la fenêtre ou la résolution.
de cette facon, pas besoin de barre de défilement en 800x600.

Si tu veux une page de 800 pixels et centrée, il suffit de mettre dans ton fichier html :

<body style="width:800px;margin:auto;"


Mais je trouve que c'est mieux de faire un design extensible en mettant des valeurs relatives :
<body style"width:100%;">

Donnera une page qui prendra tout le largeur de la fenêtre quelle que soit la résolution ou la taille de la fenêtre.

Le mieux évidemment, c'est de mettre ca dans un fichier CSS.
Sylvain

Répondre à Ssylvainsab

2

Gihef, le 29 sep 2006 à 20:24:57

Bonjour,

Dans tes exemples, on peut constater deux manières de faire.

Ici, www.aliasdmc.fr/ ils ont fait ça :

#blockcadre{
  display: block;
  width:772px;
  background-color:#20272F;
  background-image:url(../images/skin0/cadre_f.gif);
  background-repeat:repeat-y;
  overflow:visible;
  /*overflow:-moz-scrollbars-none;*/
  position:relative; 
  left: 50%; 
  margin-left:-386px;}

Ils ont donc une largeur de “width:772px;” et ils appliquent “left: 50%;” et “margin-left:-386px;” la moitié de 772px.


Ici, www.tv.com/ ils ont fait ça :
#maincolumn {
  width:760px;
  text-align:left;
  margin:0 auto;
  background-color:#FFF;
  }

Ils ont une largeur de “width:760px;” et des marges de 0 en haut et bas et automatiques en largeur “margin:0 auto;”. C'est centré.
Pour ma part, je trouve que c'est plus simple. Mais, voir css taille de la page
-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef

3

 Wilbrod, le 3 oct 2006 à 15:16:07

Merci beaucoup!

Répondre à Wilbrod
Collection CommentÇaMarche.net