Personnellement, j'ai regardé le code de ton site ! Beaucoup trop compliqué et pas pratique du tout (pour toi)...
Il faut faire ça avec des css (cascaded style sheets). Comme un exemple vaut mieux qu'un grand discours, je t'en ai ré-écrit le début.
La section <head> contient un lien sur le fichier
séparé test.css, qui contient tous les styles de la page :
<link href="test.css" type="text/css" rel="stylesheet" />
Tel que c'est, ce fichier doit être dans le même répertoire que le fichier qui l'appelle, à savoir test.html, que voici :
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" />
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="test.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="conteneur">
<h1 class="gras">Linux simplement</h1>
<p>Bienvenue sur <span class="italiques">Linux Simplement</span></p>
<p>Cette page a pour but de vous présenter Linux et de vous montrer comment l'utiliser et l'installer sans avoir de grosses connaissances en informatique.</p>
<p>Linux est un <span class="gras">système d'exploitation libre et performant</span>, il n'est ni moins bien, ni mieux que Windows, il est simplement différent.
<p>Mais d'abord, qu'est qu'un système d'exploitation?</p>
<p>C'est le logiciel que l'on installe sur un ordinateur et qui lui permet de rendre les différents services que l'on attend de lui. Pour vous fournir un point de repère, Windows XP ou Vista sont eux aussi des systèmes d'exploitation.</p>
<p>Dans cet article nous allons donc vous expliquer comment utiliser Linux et l'installer. Il faut aussi savoir que il existe différentes distributions de Linux (une distribution est en quelque sorte une sorte de version de Linux) qui sont nombreuses : Ubuntu, Debian, Mandriva, Fedora,...</p>
<p class="rapproche">J'ai ici choisi de vous présenter Ubuntu puisque c'est celle que j'utilise chaque jour et qui me semble la plus complète et simple. De plus cette distribution possède une communautée très accueillant qui vous aidera en cas de problèmes ( [URL=http://forum.ubuntu-fr.org/index.php]http://forum.ubuntu-fr.org/[/URL]).</p>
<p>Si certains d'entre vous s'inquiètent quant au prix de cette distribution, il ne faut pas s'inquiéter!!! c'est totalement gratuit, et c'est là l'un des gros avantage de Linux.</p>
<p>Pour les Windowsiens ;) :</p>
<p><span class="gras">Les logiciels : </span>Si vous utilisez Firefox, Thunderbird, The GIMP,... sachez que ces programmes existent sous Linux. Si vous utilisez Photoshop, Outlook, Moviemaker, Nero Burning Rom, sachez que certains de ces logiciels peuvent tourner sous Linux mais que ce n'est pas forcément très simple à mettre en place, sachez surtout qu'il existe des logiciels équivalents (différents mais qui remplissent des tâches identiques et la plupart du temps gratuit).</p>
<p class="rapproche"><span class="gras">Votre matériel sera-t-il reconnu ? </span>Certains périphériques n'ont pas de drivers pour Linux. Ne vous inquiétez pas cela est principalement vrai pour le matériel exotique. Le mieux étant bien évidemment d'utiliser du matériel compatible.</p>
<p class="rapproche"><span class="gras">Les jeux commerciaux : </span>(par commerciaux j'entend payant) sont rarement compatibles avec Linux mais pour certains, il est possible d'utiliser Cedega ou Wine pour les faire fonctionner. Cependant il existe aussi de très nombreux jeux libres et/ou gratuits de qualité dédiés à Linux.</p>
<p>Nous allons donc maintenant commencer à rentrer dans Ubuntu :)...</p>
</div>
</body>
</html>
Copie ça sur ton bureau, dans un fichier nommé test.html, par exemple.
Et voici le fichier css :
body {
margin: 0;
padding: 0;
}
#conteneur {
width: 90%;
margin-left: 4%;
margin-top: 2%;
padding: 1%;
font-family: 'DejaVu Sans', sans-serif;
background-color: #ffcc99;
/*border: 10px solid #00ff00;*/
}
h1 {
text-align: center;
font-size: 2em;
}
p {
margin-top: 1.1em;
margin-bottom: 0.1em;
}
.italiques {
font-style: italic;
}
.gras {
font-weight: bold;
}
.rapproche {
margin-top: 0.5em;
}
Celui-là, tu l'enregistres sous test.css toujours sur le bureau.
Puis tu modifies ce que tu veux, les marges, les couleurs de fond et/ou d'avant-plan, les tailles des polices, la couleur des polices (par exemple tu mets color: #00ff00; dans la classe gras)... et tu regardes l'effet sur la page test.html affichée dans ton navigateur (dont tu peux par ailleurs diminuer la taille de la fenêtre, pour voir...). Bien entendu, il faut rafraîchir la page après chaque changement dans test.css...
Bon amusement ! Et pour plus d'infos sur les css :
http://www.alsacreations.com/tuto/lire/608-initiation-au-positionnement-css-partie-2.html
et sur les liens openweb sur la même page...
Note : si je me permets ces remarques, c'est surtout parce qu'il est très difficile de perdre les mauvaises habitudes, et autant prendre tout de suite les bonnes. En l'occurrence, une css s'applique sur toutes les pages qui l'incorporent. Autrement dit, si tu y modifies quelque chose, ça s'appliquera automatiquement à toutes ces pages. Non seulement ça va très vite, mais tu es assuré d'une homogénéité totale de ta présentation. Ce qui est toujours bien pour le lecteur... aussi !
Note2 : tu peux aussi installer le plugin firebug de firefox. Avec ça tu vois, dans une fenêtre en bas du navigateur, le code source de la page, les styles, etc. et tu peux modifier ça
in vivo pour tester... Tu vois directement le résultat. Si c'est bon, tu peux faire la mdif dans ton fichier css, par exemple.
