18041 sujets

Questions générales et questions de débutants

Problème pour centrer son site

Bonjour,

je vous explique mon problème, j'essaye de construire un site avec dreamweaver, j'ai pris un modèle css du logiciel, que j'ai modifié pour mon usage. mais dans ce modèle, j'aimerai centrer ma page pour qu'il y est des marges à droite et à gauche mais impossible, je n'y arrive pas même après avoir lu vos tutorials.
j'ai même essayer de le faire avec des cadres à gauche à droite, comme ça, tout va bien mais quand je regarde l'aperçu soit j'ai rien sur la page soit j'ai rien qui n'a changé.

j'espère que vous avez compris mes explications et que je ne vous ais pas embrouillé. >Merci de votre compréhension.
Jenisis
Bonjour,

Le problème d'un logiciel tel que Dreamweaver, c'est qu'il mélange la présentation et le contenu, du moins si on utilise le mode « Création ». Or, la démarche de conception de qualité que nous mettons en avant sur Alsacréations consiste justement à séparer le contenu (HTML) de sa mise en forme (CSS).

Tous les exemples et tutoriels que tu trouveras sur Alsacréations partent du code HTML, rajoutent une mise en forme en CSS, pour au final obtenir un résultat visualisable dans un navigateur web (pas avec la visualisation boiteuse de Dreamweaver).

Ça a l'air un peu austère dit comme ça, mais c'est le meilleur moyen de savoir ce que l'on fait exactement. Et l'habitude vient vite.

Maintenant, pour ce qui est du centrage horizontal d'un site ou d'un élément en HTML, il y a un tutoriel Alsacréations qui traite ce sujet. Je te laisse l'explorer. Smiley cligne
merci de votre réponse : avant de vous écrire je me suis aidée de ce tutorial :

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

alors j'ai mis dans le fichier css le code :

 #global {
     margin-left: auto;
     margin-right: auto;
     width: 5;     }


ensuite vous disez de mettre dans la page htlm : 

<div id="global"></div>


mais quand je fais un aperçu avec internet explorateur rien ne se passe. je pense avoir internet explorateur 6 pourtant. et j'ai essy pour internet explorateur 5 et là j'ai carrement le langage htlm qui apparait.

je suis vraiment dsl de vous embeter avec ça, mais je ne comprends pas
Modifié par Jenisis9 (12 Feb 2007 - 10:38)
Salut,

Je pense que sans l'idéal d'un exemple en ligne ou au minimum le code de ta page, il sera difficile de te dire pourquoi dans ton cas cela ne fonctionne pas Smiley cligne
Jenisis9 a écrit :

ensuite vous disez de mettre dans la page htlm :
<div id="global"></div>


Je ne pense pas qu'il soit disé qu'il faut mettre dans la page html <div id="global"></div>

Mais bien plutôt d'inclure TOUT ton html dans ce div !

In extenso :


<body...>
<div id="global">
........ LE CODE HTML DE TA PAGE
</div>
</body>


Et tant que tu y es, rajoute donc un position : relative dans ton code css.
Modifié par aCOSwt (12 Feb 2007 - 07:43)
Bonjour Jenisis9.

Pourrais-tu entourer le code dans tes emssages avec les balises [ code] et [ /code] (sans espaces) comme demandé dans les règles du forum, stp ?

Jenisis9 a écrit :
alors j'ai mis dans le fichier css le code :

#global {
margin-left: auto;
margin-right: auto;
width: 5; }
La largeur n'est pas bien définie : tu dois préciser une unité. Par exemple : 
width: 500px;
merci à tous pour votre aide,

je vous met en lien la page css et deux pages de modele de mon site en htlm, une sans marges et que j'aimerai qu'il y en ai et la deuxième avec essaie de marge.
Car j'ai essayé ce que vous me dites et tout la mise en page est déréglé.

donc j'ai du zappé quelque chose

merci encore de votre aide Smiley confused
Modifié par Jenisis9 (14 Feb 2007 - 02:20)
Faire de toute urgence une révision (que dis-je, un apprentissage !) sur HTML et sa syntaxe !

Rajouter des petits bouts de code à un modèle que l'on ne comprend pas, c'est le plus sûr moyen de se casser la gueule. D'ailleurs le cassage de gueule est consommé, si on en juge par ceci :
<body...>
<div id="global">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>


Smiley eek


Les membres de ce forum voudront sans doute bien t'expliquer ce qui cloche avec ce code, et te permettront peut-être de corriger ces erreurs. Quoi qu'il en soit, ces erreurs démontrent une méconnaissance importante du HTML, méconnaissance qui risque d'être source de nombreuses erreurs à l'avenir. Un peu d'autoformation sur ce sujet te serait donc utile. Smiley cligne

Un petit cours, peut-être :
http://www.tuteurs.ens.fr/internet/web/html/bases.html#s3
merci pour le lien.

j'avoue que j'ai des lacunes en htlm, que j'ai commencé il y a pas longtemps à m'interreser, donc c'est normal que j'écris des choses qui peuvent choquer car je suis débutante et que je demande de l'aide.

il faut bien commencer un jour...

donc je viens de regarder le lien, donc si je comprends bien il ne faut pas que je mettre le code avant le Document Type Definition .

mais il faut mieux que je le mette à partir de là
<body> <div id="global">
<div id="masthead">
  <h1 align="center" id="siteName"><img src="bangaspardar9.jpg" /></h1>
  <div id="globalNav"></div>




et finir ma page avec ce code : 
</div>
</body>
</html>


dsl de vous embetez mais j'aimerai comprendre c'est tout Smiley confused
Modifié par Jenisis9 (12 Feb 2007 - 11:55)
Sujet clos
Aller à