Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
* 2 immagini in background
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
kkk2003
Dio minore
Dio minore


Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia

MessaggioInviato: 04 Mar 2006 18:34    Oggetto: * 2 immagini in background Rispondi citando

Chiedo: e' possibile indicare 2 immagini nel css, come background?

background: #000000 url(loghi/logo.jpg) no-repeat left center;

ne vorrei mettere una a destra, e una (diversa!) a sinistra

grazie in anticipo
Top
Profilo Invia messaggio privato HomePage Yahoo
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 09:22
Messaggi: 7987

MessaggioInviato: 04 Mar 2006 18:58    Oggetto: Rispondi citando

annidi due div e dai la dimensione solo al primo: il secondo lo riempira' completamente; un'immagine la metti come bg al primo, l'altra come bg al secondo Smile
Top
Profilo Invia messaggio privato HomePage
kkk2003
Dio minore
Dio minore


Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia

MessaggioInviato: 04 Mar 2006 20:44    Oggetto: Rispondi citando

mmm..
fra i vari tentativi che ho fatto, uno era simile al risultato che volevo ottenere ma non proprio...

attualmente ho un div (header) dove non specifico la lunghezza, con il logo sx in background e il testo al centro; mi copre il 100% della pagina e tutto e' perfetto.

Ma se aggiungo un div, per ottenere il risultato devo dare una dimensione (a uno dei due.. mi sono perso nei tentativ), e perdo quindi di dinamicita'... c'e' qualcosa che non ho capito?!

(a parte il fatto che non credo di essermi spiegato troppo bene!)
Top
Profilo Invia messaggio privato HomePage Yahoo
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 09:22
Messaggi: 7987

MessaggioInviato: 04 Mar 2006 21:36    Oggetto: Rispondi citando

Codice:

<body>
   <div id="esterno">
      <div id="headerfuori">
         <div id="headerdentro">
            <h1>Nome Sito<h1>
         </div>
      </div>
      <div id="menu">...</div>
      <div id="contenuto">...</div>
      <div id="footer">...</div>
   </div>
</body>


e nel css:
Codice:

#esterno {width: 600px;}
#headerfuori {background: url(immagine1.gif) no-repeat top left;}
#headerdentro {background: url(immagine2.gif) no-repeat top right;}
#menu...
#contenuto...
#footer...


bada solo a *non* mettere padding a #headerfuori oppure margin a #headerdentro: dovrebbe funzionare Smile
Top
Profilo Invia messaggio privato HomePage
kkk2003
Dio minore
Dio minore


Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia

MessaggioInviato: 04 Mar 2006 21:54    Oggetto: Rispondi citando

non ho ancora 'studiato" la tua soluzione... io per ora ho risolto ripetendo le impostazioni dello stile a 3 colonne, e funziona!
Top
Profilo Invia messaggio privato HomePage Yahoo
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 09:22
Messaggi: 7987

MessaggioInviato: 04 Mar 2006 22:33    Oggetto: Rispondi

kkk2003 ha scritto:
non ho ancora 'studiato" la tua soluzione... io per ora ho risolto ripetendo le impostazioni dello stile a 3 colonne, e funziona!


l'importante e' che di una sorte o dell'altra funzioni Smile

ad ogni modo annidare piu' div l'uno nell'altro per ottenere determinati effetti e' una prassi normale ed efficace; la mia "soluzione" come la chiami tu non prevede null'altro che annidare un secondo div all'interno dell'header e usarlo semplicemente per inserire la seconda immagine Smile
Top
Profilo Invia messaggio privato HomePage
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi