je refais mon site. j veux faire une feuilles de style css externe pour n'avoir qu'un seul fichiers à changer par la suite.
l'ensemble de mes page feront un include à l'endroit indiquer pour toutes mes page.
Aujourd'hui mes pages sont en frames, le but est de remplacer les frames redondantes par des includes. mon soucis avec le css, c'est que je n'arrive pas à calibrer les éléments:
->Il y un conteneur général qui fait 790 de large et une hauteur disons de 790 aussi.
Dans le conteneur:
->bandeau en haut: logo + banniere :790 de large 80 de haut
géré en include
-------------------------------------------------------------------------
un bloc à gauche : largeur 250 hauteur 700
géré en include (liens de navigation)
---------------------------------------------------------------------------
Un autre bloc
divisé en 2:
->Haut: largeur 500 hauteur: 60
géré en include (liens de navigation)
-> frame affichage scrollable
géré en include
-----------------------------------
j'ai un script mais je n'arrive pas à l'adapter tout bouge, alors que je souhaiterai des valeurs fixe.
voici le script en question:
Code : Tout sélectionner
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #99CC99;
}
.header {
height: 100px;
background-color: #99CCCC;
}
.menu {
position: absolute;
left:0;
width: 200px;
height: 300px;
background-color:#CCCCFF;
}
.frame {
margin-left: 150px;
width: auto;
height: 300px;
background-color:#9999CC;
overflow: auto;
}
p {margin: 0 0 10px 0;}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
-->
</style>