- Home
- Categorie
- Coding e Sistemistica
- Coding
- Spostare immagine footer più a sinistra
-
Spostare immagine footer più a sinistra
Salve ragazzi,
sto modificando il background di un sito ed arrivato al footer ho un problema.
L'immagine che ho inserito nel footer, a sinistra parte ed ha come limite l'inizio del template.
Quindi mettendo un immagine più larga del template questa "sborda" tutta a destra mentre a sinistra ha quel limite.Non penso di aver spiegato bene il problema quindi vi posto il link:
www. lanotteeterna .comOsservate da dove farte l'immagine nel footer, come darle lo stesso punto di partenza dell'header ad esempio?
Grazie anticipatamente

-
Potresti giocare sulle posizioni...
background:url(......) top left;
-
Grazie per la risposta, avevo già provato a cambiare quella voce ma non so perchè non funziona.
Posto il codice del footer:
#footer {
color: #999;
clear: both;
width: 1100px;
height: 411px;
overflow: hidden;
padding:0;
background-color: transparent;
text-align:center;
background-image:url('../images/footer.jpg');
background-repeat: no-repeat;
background-position:left top;
overflow:hidden;Suggerimenti?
-
Intanto tiriamo via un overflow hidden che p descritto due volte.

E userei un unico campo background del tipo.
background:url(../images/footer.jpg) no-repeat top left;
-
Grazie ancora, ho apportato le modifiche che mi hai suggerito ed ora il codice è così:
#footer {
color: #999;
clear: both;
width: 1100px;
height: 411px;
overflow: hidden;
padding:0;
background-color: transparent;
text-align:center;
background:url(../images/footer.jpg) no-repeat top left;
}
a {
border:none;
}Ma ancora niente, l'immagine non supera quel margine, non è che si deve cambiare qualche parametro da qualche altra parte oltre che nel footer?
Grazie ancora.
-
Mmm strano...
Tu vuoi spostare la nebulosa e farla incominciare dall'inizio del footer quindi vero?
-
Non è una nebulosa, ma è un riflesso della luna.

Vorrei fare iniziare quell'immagine dall'estremo margine sinistro della pagina, quindi prima anche che inizi il footer vero e proprio.
In parole povere, da dove iniziano le altre immagini.
-
E inserendo un div all'interno del div #footer al quale associ il seguente stile?
P:S non lo ho provato...background:url(../images/footer.jpg) no-repeat top left;
position:absolute
-
Sembrerebbe funzionare!
Grazie mille!
-
Mi raccomando testalo su un paio di browser... Firefox e IE almeno...