Salve a tutti.
Ho un semplice sito in php (tra l'altro basato fast template di alessandro fulciniti).
Il sito è strutturato in diverse pagine/sezioni: chi / dove / come / contatti incluse a seconda della necessità direttamente nell'index.php tramite lo script di alessandro.
L'header è incluso nell'index tramite un semplice include.
L'header è composto da un logo che flotta a destra e una piccola immagine che flotta a sinistra.
Ho quindi una cosa del genere come css:
Come html ho:#contenitore {
width:700px;
padding:10px;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}
#header {
width:700px;
background-color:#ffffff;
height:258px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:bold;
line-height:20px;
}
.immagine-header-laterale {
border-right:3px solid #CBCBCB;
float:left;
}
.logo {
border-left:3px solid #CBCBCB;
float:right;
}
Ora quello che vorrei fare è avere una diversa immagine laterale l'header per ogni pagina/sezione del sito.<div id="contenitore">
<div id="header">
[img]immagini/imm1.jpg[/img]
[img]immagini/logo.gif[/img]
</div>
</div>
Ho pensato di scrivere semplicemente una classe per ogni sezione e cambiare l'html dando al div semplicemente la classe in cui è prevista l'immagine di background tramite background-image.
Nell'html una cosa tipo
e nel CSS:<div id="contenitore">
<div id="header">
<div class ="laterale1"></div>
oppure
<div class ="laterale2"></div>
oppure
<div class ="laterale3"></div>
[img]immagini/logo.gif[/img]
</div>
</div>
}
.laterale1 {
border-right:3px solid #CBCBCB;
background-image: url("immagini/1.gif");
float:left;
}
}
.laterale2 {
border-right:3px solid #CBCBCB;
background-image: url("immagini/2.gif");
float:left;
}
.laterale3 {
border-right:3px solid #CBCBCB;
background-image: url("immagini/3.gif");
float:left;
}
Il problema è che visto che l'header è incluso a priori in tutte la pagine non so come poter assegnare classi diverse per ogni pagina/sezione.
Non so se concettualmente è esatto quello ho scritto e spero di aver espresso al meglio il mio problema. Di sicuro ho trascurato qualcosa di moooolto importante. :P
Grazie per l'aiuto


Rispondi quotando