Newsgroup: it.comp.www.html
Titolo: [css] Due immagini di sfondo.

Salve a tutti,
ho creato una pagina suddivisa in 3 frame, nel seguente modo:
|-------------------------------|
|LOGO   -  TITOLO		|
|-------------------------------|
|MENU	|			|
|....	|    MAIN FRAME		|
|MENU	|			|
|	|			|
---------------------------------
Nel frame di sinistra vorrei inserire due immagini di sfondo :
Una ripetuta una sola volta, in alto a sinistra e la seconda, ripetuta 
sempre, sull'asse delle y.
Le due immagini, di fatto, sono una il prolungamento dell'altra, quindi 
devono necessariamente risultare collegate, con precisione di pixel.
Avevo pensato di creare una tabella all'interno del frame, contenente le 
due immagini come sfondo, solo che in questo modo non riesco ad 
allineare correttamente le immagini. Inoltre, se scrivo del testo e poi 
lo ingrandisco dal browser, la cella diventa piu' grande, quindi mi 
sfalza tutto nuovamente. Preferirei, se possibile, usare il css, anche 
se ho qualche dubbio in proposito...
Che fare???
A voi il quesito,
Ciao e grazie,
Davide


Ciao,
    fossi in te il vero dubbio l' avrei sull' uso dei frame e non sui css :-)
Una tabella solo x contenere gli sfondi... uhmmm.
Cmq... con i css la cosa č semplice. Considera che un elemento puň
avere massimo un' immagine di sfondo. La soluzione č quindi
usare due contenitori, di cui uno serve solo x uno dei due sfondi, e l'
altro x i contenuti oltre che al secondo sfondo.
<div id="container">
    <div id="container2">
        <!-- qui tutto il contenuto-->
    </div>
</div>
Sul container esterno fai ripetere lo sfondo verticale, mentre
su quello interno metti lo sfondo in alto a sinistra. Supponiamo
poi che tu voglia uno sfondo rosso.. ecco il codice:
div#container{
    background: #f00 url(bordino.jpg) repeat-y top left;
    }
div#container2{
    background: transparent url(altosx.jpg) no-repeat top left;
    }
Cosě dovrebbe andare.
Ciao,
    Alessandro Fulciniti

 Così dovrebbe andare.
Se metto un'immagine come sfondo (il borino verticale) e creo una classe 
div#container per mettere l'immagine sopra? solo che anche in questo 
modo l'immagine superiore mi risultasfalzata...
Per posizionare un elemento con coordinate assolute?
Ciao e grazie mille!
--

>Vome mai? Ogni volta il browser si deve ricaricare la pagina dei menu'?
Si ed il problema dove sta?

 Per posizionare un elemento con coordinate assolute?
Non è una classe... ma un id.Allora, il requisito essenziale xchè una tecnica
simile funzioni è che l' immagine in alto a sx coincida se sovrapposta al
bordo verticale ripetuto. In sostanza la cosa + semplice è che abbiano entrambe
la stessa altezza. Ti basta preparare le immagini con un prg di grafica.
Se non riesci ancora, metti on-line la pagina che vediamo di sistemare.
Il posizionamento assoluto? Solo per gestire gli sfondi... mhmmm.
Non conviene scomodarlo. Si riesce anche solo con background-position.
Ciao,
    Alessandro Fulciniti

 Non conviene scomodarlo. Si riesce anche solo con background-position.
Ti ringrazio per la risposta.
Anche senza posizionamento assoluto sono riuscito.
Mi chiedevo un paio di cose. Posso?? Come mai "Scomodare" il 
posizionamento assoluto? Ogni proprieta' in css ha un "peso" in termini 
di elaborazione per questa e' alta? O cos'altro?
Perdonami, ma di css so quello necessario per *presentare* la mia 
applicazione, in realta' non lo uso da molto...
Grazie ancora ad entrambi,
ciao
--
Davide

 Si ed il problema dove sta?
non vorrei far rieseguire la mia pagina jsp ogni volta che clicco da 
qualche parte.
Ma che problema c'e' nell'uso dei frame? Perche' sono incompatibili con 
alcuni browser?

 applicazione, in realta' non lo uso da molto...
Tranquillo, "nessuno è nato imparato" :-)
Ciao,
    Alessandro Fulciniti

 Tranquillo, "nessuno è nato imparato" :-)
Grazie mille,
Davide