rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

[HTML]En milieu de page?!

Wilbrod, le vendredi 29 septembre 2006 à 17:37:05
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
Répondre à Wilbrod  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le vendredi 29 septembre 2006 à 19:21:33
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le vendredi 29 septembre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Wilbrod, le mardi 3 octobre 2006 à 15:16:07
Merci beaucoup!
   
Répondre à Wilbrod
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger PagePlus SEPagePlus - PagePlus SE est un logiciel gratuit de PAO (publication assistée par ordinateur) permettant de concevoir et de créer des...Catégorie: Présentation
Licence: Freeware/gratuit
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger PageDefrag 2.32PageDefrag - Le défragmenteur de disque de Windows fait un boulot correct, mais il a un inconvénient : il ne défragmente ni le fichier...Catégorie: Formatage/Partitionnement
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [HTML]En milieu de page?! »