a priori c'est pas ce que tu as défini dans #contenu qui fait que ça marche
pas mais plutôt les
styles pour H1,H2 et P
#contenu définit le cadre global et donc pas sa présentation interne (sauf
héritage de truc genre la
couleur ...)--
Jérémy HETZEL
ok... mais je vois pas quoi...
voici mon html :
<div id="logo" class="logo">
<img src="images/logo.jpg">
</div>
<div id="menu" class="menu">
BOUCLE_menu(RUBRIQUES){racine}{id_rubrique!=100}>
<a href=[(#URL_RUBRIQUES)] title="[(#DESCRIPTIF)]">[(#TITRE)]</a></BOUCLE_menu>
</div>
<div id="contenu" class="contenu">
<h1>Edito</h1>
<BOUCLE_edito(ARTICLES){id_rubrique=100}>
<h2>[(#TITRE)]</h2>
<p>[(#TEXTE)]</p>
</BOUCLE_edito>
<h1>News</h1>
<BOUCLE_News(ARTICLES){id_rubrique=1}{par date}{inverse}>
<h2>[(#TITRE)]</h2>
<p>[(#TEXTE)]</p>
</BOUCLE_News>
</div>
<div id="right" class="right">pour l'instant c vide
</div>
et voici le css :
#logo{
position: absolute;
left:0px; top:0px;
width:150px;
}
#menu{
position: absolute;
left:0px; top:120px;
width:150px;
}
#right{
position:absolute;
left:610px;
width:150px;
background-color: f1f2f3
}
#contenu{
position:absolute;
left:150px;
padding: 0px 5px 0px 15px;
margin: 0 0;
width: 450px
}
#contenu img{
display: block;
padding: 0px 5px 5px 0px;
border: #999999 dashed;
border-width: 0px 1px 1px 0px;
margin-right: 5px;
margin-bottom: 5px;
}
h1 {
display: block;
margin: 0 0;
padding: 2px 20px 2px 20px;
border-right: 250px solid #f1f2f3;
font : bold 14px Verdana;
color: #ffffff;
background: #179fd9;
text-align: left;
text-transform: uppercase;
}
h2 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color : #0099CC
}
h3 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000
}
HELP !!! Je vois vraiment pas ce qui ne fonctionne pas...
Merci
Peace
JP
love honesty peace harmony positivity