mofica footer template [..RISOLTO..]

[emj]

sto personalizzando il template base allrounder-j1.6_v1.4
sul css/template alla sezione footer ho questo codice:

Codice: [Seleziona]

#footer {
 min-height: 80px;
 margin: 315 0px 0 0px;
 padding:0;
 position:relative;
 overflow:visible;
 background-image:url('../images/f2.gif');
 background-repeat:repeat-x;
 }fin qui tutto bene l'immagine la gif si replica bene ed è tutto corretto
ora leggendo la guida sui css3 leggo che posso aggiungere una nuova immagine su un nuovo livello che non si replica e posizionata a sinistra e il relativo codice sarebbe:

Codice: [Seleziona]

#footer {
 min-height: 80px;
 margin: 315 0px 0 0px;
 padding:0;
 position:relative;
 overflow:visible;
background-image:url('../images/f1.gif');
 background-repeat:no-repeat;
 background-image:url('../images/f2.gif');
 background-repeat:repeat-x;
 }
sempre secondo la guida.... f1.gif va inserita per prima perchè su un livello superiore rispetto a f2.gif
ma non riesco a fargli rispettare il no-repeat che è destinato solo a f2.gif e non a f1.gif
scambiando le posizioni il risultato è lo stesso
qualcuno mi sa indicare l'errore?
grazie

[giovi]

ciaomj, prima che te lo dica anche un vero moderatore modifica il tuo post inserendo il codice nell'apposito tag (il pulsante dell'editor con il cancelletto) per migliorare la leggibilità del post.


Non si capisce di quale guida parli. Comunque quando avrai riordinato il codice sicuramente sarà più semplice aiutarti.

[emj]

sistemato codice
grazie
per la guida mi riferivo alla guida del css3 reperibile in rete.... standard w3c

[giovi]

non avevo mai sentito parlare di questa cosa ma pare che fosse disponibile già dalla versione 2 del css e che la sintassi corretta sia questa:

Codice: [Seleziona]

div.test {
     background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmode_inverted.gif);
     background-repeat: repeat-y;
     background-position: top left, top right;
     width: 385px; height: 100px;
     border: 1px solid #000000;
}
o semplicemente

Codice: [Seleziona]

body {
    background-image: url(images/bgtop.png), url(images/bg.png);
    background-repeat: repeat-x, repeat;
}Tuttavia non tutti i browser la supportano, compreso IE8

[giovi]

Se definisci le immagini o i background-repeat uno dopo l'altro e non sulla stessa riga, l'uno sovrascrive l'altro perchè quello scritto dopo ha la priorità.

[emj]

e vaiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii   ora funziona
peccato che in IE resta bianco .... non compatibile
come risolvo la questione?

[giovi]

cambi browser o non usi questo metodo.

[emj]

io si generalmente uso mozilla
ma non posso imporre agli utenti la scelta

[giovi]

allora non utilizzare questi metodi non supportati.
Se vuoi divertirti a provare con qualche hack non ti resta che cercare qualche soluzione con google:
https://www.google.it/webhp?q=double%20background%20in%20ie

[emj]

in realtà ho risolto aggirando l'ostacolo
modifica del file index del template...si visualizza correttamente con tutti i browswer
devo solo ripulire il codice altrimenti non mi supera la validazione
peccato perchè la soluzione precedente dava nel complesso un codice più pulito

[giovi]

pensi di  essere l'unico/a a dover lottare ogni volta contro quel maledetto bidone? 

[emj]

hai ragione
ma il leader del mercato comanda ma non aggiorna i suoi utenti