Back to top

Autore Topic: Problema sfondo sdoppiato  (Letto 1819 volte)

Offline kkk4

  • Nuovo arrivato
  • *
  • Post: 47
    • Mostra profilo
Problema sfondo sdoppiato
« il: 09 Gen 2011, 18:19:12 »
Qualcuno mi potrebbe aiutare?
sul mio sito: www.kkshop.it
come potete notare, lo sfondo ad altezza  del banner superiore, non "continua"..
cioè non è un'unica immagine che ricopre tutta la pagina...ma in questi sia ad altezza del main menù e sia ad altezza del banner va a caricare due immagine separate
pur mettendo come link la stessa immagine dello sfondo, la va a ricaricare in questi punti, e quindi si noterebbero tre immagini sovrapposte e non continue
per far notare l'errore, ho messo a direzione del banner un link allo sfondo sbagliato, in modo tale da far vedere che in quel punto carica separatamente lo sfondo

è possibile far si che lo sfondo ad altezza del template, vada a ricoprire tutta la pagina, senza fermarsi in quel punto?

l'immagine mia di sfondo si chiama "1.jpg"

per far notare l'errore in questo punto ho modificato cosi:
#ja-headerwrap {
   
    background-image: url("../images/12.jpg");

ho aggiunto quel 2...in modo tale che non esiste quell'immagine, e di default ha fatto uscire quelle strisce gialle..


stessa cosa a direzione del main menù..
in questo punto ho lasciato il link esatto ovvero:

#ja-mainnavwrap {

    background-image: url("../images/1.jpg");

però dovreste notare che a direzione, ha ricaricato l'immagine di sfondo, e si trova ovviamente sfasata all'immagine sottostante
anche qui se modificassi il nome del link dell'immagine, con uno inesistente, apparirebbe la striscia gialla come sopra..


inutile dire che se avessi fatto un sito con uno sfondo tutto di un colore, il problema non persisterebbe...
ma utilizzando come sfondo qualcosa di piu "movimentato" mi ritrovo con questo problema..
devo obbligatoriamente tenere la striscia superiore con un'altra immagine? non posso "allungare" quella di sotto per tutta la pagina?

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Problema sfondo sdoppiato
« Risposta #1 il: 09 Gen 2011, 18:53:23 »
hai mille header in quel template
x cui se non lo metti anche li è logico che non lo vedi
confronta i tuo  con questi   metti come questi
mettere un'immagine unica troppo facile vedro ;D

Codice: [Seleziona]
#ja-containerwrap2 {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/1.jpg");
    background-position: center -243px !important;<<<<<
    background-repeat: no-repeat;
}

#ja-mainnavwrap {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #9EA113;
    background-image: url("../images/1.jpg");
    background-position: center -170px !important;<<<<<<<
    background-repeat: repeat;
}

#ja-headerwrap {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #9EA113;
    background-image: url("../images/1.jpg");<<<<<<<<
    background-position: center top;
    color: #CCCCCC;
    height: 170px !important;
    line-height: normal;
    margin-top: 0;
    position: relative;
    z-index: 9999;
}
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline kkk4

  • Nuovo arrivato
  • *
  • Post: 47
    • Mostra profilo
Re:Problema sfondo sdoppiato
« Risposta #2 il: 09 Gen 2011, 19:24:27 »
il secondo codice c'era gia..
il terzo l'ho modificato
il primo invece, in quale file va inserito e a che riga?
(forse mi sono dimenticato di dire, che sono un novellino su ste cose..e ho imparato da poco i passi principali)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Problema sfondo sdoppiato
« Risposta #3 il: 09 Gen 2011, 23:33:19 »
il primo e  nel
style.css

invece come stai facendo ora con quello scuro
Codice: [Seleziona]
#ja-headerwrap {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #9EA113;
    background-image: url("../images/1.jpg");
    background-position: center 0 !important;<<aggiungi
    color: #CCCCCC;
    height: 170px !important;
    line-height: normal;
    margin-top: 0;
    position: relative;
    z-index: 9999;
}
« Ultima modifica: 09 Gen 2011, 23:36:56 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline kkk4

  • Nuovo arrivato
  • *
  • Post: 47
    • Mostra profilo
Re:Problema sfondo sdoppiato
« Risposta #4 il: 10 Gen 2011, 14:15:12 »
il primo e  nel
style.css

invece come stai facendo ora con quello scuro
Codice: [Seleziona]
#ja-headerwrap {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #9EA113;
    background-image: url("../images/1.jpg");
    background-position: center 0 !important;<<aggiungi
    color: #CCCCCC;
    height: 170px !important;
    line-height: normal;
    margin-top: 0;
    position: relative;
    z-index: 9999;
}

style.css ma quale??
in quale cartella? perche ce ne sono molti
nella cartella background/lighter...dove modifico di solito..ma non c'è quella riga

oppure nella cartella header/blue (o green)
e in questo caso per ora è cosi:
#ja-headerwrap {
   background: #006699;
   color: #C3DFED;

Offline kkk4

  • Nuovo arrivato
  • *
  • Post: 47
    • Mostra profilo
Re:Problema sfondo sdoppiato
« Risposta #5 il: 13 Gen 2011, 14:17:16 »
nessuno mi riesce ad aiutare piu?  :-[

 



Web Design Bolzano Kreatif