Bonjour,
1. Pour ton problème, dans la partie style, rajoute :
h1 {text-align:center
}
h1 img {width:100%}
L'image prendra la largeur de l'écran quelque soit sa résolution (en utilisant le code html ci-dessous).
2. Tu peux largement simplifier ton code HTML. Par exemple pour l'entête :
<div id="entete">
<h1><img src="Argent-Reussite.png" alt="Argent réussite"/></h1>
</div>
Tu gagnerais aussi à coder à la main plutôt que d'utiliser Kompozer qui laisse un code sale avec plein de <span> de de big, etc. Je pense que même si cela parait plus difficile au début, tu apprends beaucoup plus et mieux. Par exemple pour ton menu :
Au lieu d'avoir :
<div id="menu">
<a href="index.html"> <big>Accueil</big></a>
<a href="formations.html"> <big><span>Formations
Web</span></big></a> <a href="plans.html"> <big><spanstyle>Bons
Plans</spanstyle></big></a>
<a href="affiliations.html"> <span><big>Les
Affiliations</big></span></a>
<a href="referencement.html"> <big><span>Référencement</span></big></a>
<a href="outils.html"> <big><span>Outils</span></big></a>
<a href="DeTout.html"> <big><span>DeTout</span></big></a>
<a href="mailto:anna_elma (at) hotmail.com"> <spanstyle><big>Contact</big></spanstyle></a>
</div>
Tu aurais :
<div id="menu">
<a href="index.html">Accueil</a>
<a href="formations.html">Formations Web</a>
<a href="plans.html">Bons Plans</a>
<a href="affiliations.html">Les Affiliations</a>
<a href="referencement.html">Référencement</a>
<a href="outils.html">Outils</a>
<a href="DeTout.html">DeTout</a>
<a href="mailto:anna_elma (at) hotmail.com">Contact</a>
</div>
Avec dans ton code css :
#menu {
font-weight:bold;
font-size:1em;
}
Les items du menu seront en gras et de taille 1em (valeurs par défaut que tu peux augmenter à 1.1 ou 1.2em en fonction du rendu).
3. Sinon pour les padding et margin, le sens est : top left bottom right. Donc par exemple, toujours pour ton menu, au lieu d'avoir :
#menu {
padding-top: 19px;
padding-bottom: 19px;
padding-left: 100px;
}
Tu auras :
#menu {
padding: 19px auto 19px 100px;
}
3. Pour créer une feuille de style, il s'agit simplement d'un fichier texte où tu mets tout ce qui se trouve entre <style media="" type="text/css"> et </style>. Pour relier les styles à la page, tu mets entre <head> et </head> : <link rel="stylesheet" href="style.css" type="text/css" media="all"/>. Cela simplifiera grandement la maintenance de ton site puisque tu n'auras qu'un fichier à modifier pour changer le style de tes pages et pas toutes tes pages.
4. Sinon il vaut mieux ne pas mettre de style css dans la page html. Par exemple, au lieu d'avoir :
<big style="color: red; font-weight: bold;">
<span style="text-decoration: underline;">Le
Succès Sur Internet</span> <br>
<span style="text-decoration: underline;">ou</span> <br>
<span style="text-decoration: underline;">Comment
Faire Pour Gagner de l'Argent à Domicile ...</span></big>
Tu auras :
<p class="bidule">Le
Succès Sur Internet
<br>ou
<br>Comment
Faire Pour Gagner de l'Argent à Domicile ...</p>
Avec un code dans ta feuille de style :
p.bidule {
color: red;
font-weight: bold;
text-decoration:underline;}
Accessoirement pour le soulignement, il est d'usage de le laisser pour des liens.
5. Sinon effectivement, Niveau Design c'est pas vraiment tendance.
Xulu.
[Rajout]
Pour ta partie centrale (texte), au lieu d'utiliser des br, utilise la balise <p>Texte</p>.
Modifié par Xulu (24 Apr 2010 - 20:12)
;
;
.
.