Salve ragazzi vi pongo un problema:
ho bisogno di realizzare un header fluido mediante 3 immagini, una a sinistra, una centrale (che si ripete) e l'ultima a destra.
ho provato in tutti i modi ma o si presenta dello spazio tra le immagini e quindi non combaciano.
il codice che ho utilizzato è il seguente:
per la parte che riguarda il css ho:
#header{width:100%;height:280px;background-color:white;}
#headersx{width:10%;height:280px;background:url(../img/headersx.jpg) no-repeat;float:left;}
#headercx{width:80%;height:280px;background:url(../img/headercx.jpg) repeat-x;float:left;}
#headerdx{width:10%;height:280px;background:url(../img/headerdx.jpg) no-repeat;float:right;}
l'html invece è il seguente:
dove sbaglio? grazie mille
ho allegato le 3 immagini + lo screenshot...
you are doing it wrong :)
vedi: http://www.alistapart.com/articles/slidingdoors2/
Certified to Rock
ho seguito questa guida , ma credo che non faccia al caso mio, io ho un'immagine che mi rappresenta l'header in alto a sinisitra ( headersx.jpg), un'immagine che rappresenta tutta la parte centrale del''header e che deve essere ripetutab ( headercx.jpg) ed un'ultima immagine che rappresenta la parte destra dell'header ( headerdx.jpg).
il problema è che non riesco a farle combaciare perfettamente.
Il codice html è il seguente :
<--!<div id="header">
<div id="headersx"></div>
<div id="headercx"></div>
<div id="headerdx"></div>
</div>
!-->
mentre i css sono quelli definiti nel messaggio precedente.
come devo fare?
chiedo scusa ma non mi legge i div ripeto il codice html con le parentesi graffe:
div = header{
div=headersx;
div=headercx;
div=headerdx;
}fine header
non è possibile ottenere uno sfondo fluido con una immagine dimensionata.
l'errore è inserire un bg di 80px in un container dimensionato al 10%. non può funzionare (a meno che 10% == 80px)
quello che in genere si fa è usare la tecnica delle sliding doors descritta dall'articolo che ti ho linkato (versione tradotta: http://www.gdesign.it/pages/howto/articoli/slidcss/slidcss.php)
le tue immagini devono essere più o meno così
se proprio devi ripetere il pattern centrale, devi creare 2 sliding doors, una a dx e una a sx
Certified to Rock
grazie mille.....avevi proprio ragione....