Autore Topic: mofica footer template [..RISOLTO..]  (Letto 1735 volte)

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
mofica footer template [..RISOLTO..]
« il: 05 Dic 2012, 09:24:26 »
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
« Ultima modifica: 05 Dic 2012, 11:57:38 da emj »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template
« Risposta #1 il: 05 Dic 2012, 10:22:09 »
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.

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:mofica footer template
« Risposta #2 il: 05 Dic 2012, 10:41:56 »
sistemato codice
grazie
per la guida mi riferivo alla guida del css3 reperibile in rete.... standard w3c

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template
« Risposta #3 il: 05 Dic 2012, 10:53:33 »
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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template
« Risposta #4 il: 05 Dic 2012, 10:55:25 »
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à.

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:mofica footer template
« Risposta #5 il: 05 Dic 2012, 11:14:27 »
e vaiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 8) 8) 8) 8) 8) 8) 8) 8) 8)  ora funziona
peccato che in IE resta bianco .... non compatibile :-X
come risolvo la questione?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template
« Risposta #6 il: 05 Dic 2012, 11:16:01 »
cambi browser o non usi questo metodo.

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:mofica footer template
« Risposta #7 il: 05 Dic 2012, 11:31:30 »
io si generalmente uso mozilla
ma non posso imporre agli utenti la scelta

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template
« Risposta #8 il: 05 Dic 2012, 11:34:59 »
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
« Ultima modifica: 05 Dic 2012, 11:36:35 da giovi »

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:mofica footer template
« Risposta #9 il: 05 Dic 2012, 11:56:20 »
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 :o
peccato perchè la soluzione precedente dava nel complesso un codice più pulito

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:mofica footer template [..RISOLTO..]
« Risposta #10 il: 05 Dic 2012, 11:59:39 »
pensi di  essere l'unico/a a dover lottare ogni volta contro quel maledetto bidone?  ;D

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:mofica footer template [..RISOLTO..]
« Risposta #11 il: 05 Dic 2012, 12:16:23 »
hai ragione
ma il leader del mercato comanda ma non aggiorna i suoi utenti

 

Host

Torna su