Bonjour à tous,
Jusqu'à maintenant - je suis infographiste débutant - j'ai utilisé des iframes dans mes designs de sites Web. C'est très pratique : je crée l'habillage du site, et puis dedans j'insère une iframe où j'affiche les textes etc. Du coup, si j'ai une modification de design à faire, je n'ai qu'un seul fichier à modifier.
Or, les iframes montrent rapidement leurs limites lorsqu'il s'agit de référencement sur Internet. En plus, elles ont une taille limitée ce qui ajoute une barre de scroll sur la page, qui gêne certains.
Je voulais donc savoir comment garder ce principe "d'une seule page de design" qui s'appliquerait à toutes mes pages en HTML (je ne souhaite pas utiliser de PHP).
De ce que j'ai compris du CSS en fouillant sur le Net, je peux créer une feuille de style, dont je fais la déclaration dans ma page HTML. Le problème après, c'est qu'il faut que je reprécise dans chaque page HTML la position des blocks. Comme ici :
Dans la CSS :
Dans mon code HTML :div#bandeau {
width:600px;
height:50px;
background-color:#00CCFF;
}
div#contenu {
width:600px;
height:400px;
background-color:#FFCC00;
}
div#piedpage {
width:600px;
height:50px;
background
Donc voilà, il faudrait que ça soit fait automatiquement, comme un gabarit. Que je n'aie pas besoin à chaque fois de dire : voilà le header, il faut le mettre en haut, etc. Est-ce que c'est possible en CSS ?<div id="bandeau">Ceci est le bandeau</div>
<div id="contenu">Ceci est le contenu</div>
<div id="piedpage">Ceci est le pied de page</div>
Merci d'avance pour votre aide,
Je suis nouveau sur le forum mais j'apprécie énormément son contenu.
Partager