Sistemare l'immagine di sfondo

Printable View

24-01-2010, 23.22.52

Sistemare l'immagine di sfondo

salve a tutti...
ho un piccolo problema con l'html per quanto riguarda l'immagine di sfondo...
l'immagine è di 300*600 circa e vorrei che quest'immagine faccia da sfondo, e fin qui nessun problema, poi vorrei che nn fosse ripetuta ed anchge qui ci siamo, oltre a questo la vorrei al centro dello schermo(e qui nn ci siamp :P)

sto usando questo codice:

Codice:

<body style="background-image: url('http://www.dance70.it/images/animali/pantera1.jpg'); background-repeat: no-repeat; background-position: center">

se metto questo codice, l'img è centrata ma è in alto (metà immagine neanche si vede per quanto sta in alto) e io la vorrei al centro così da poter scrivere sopra sotto e ai lati!!!

grazie mille

edit: ho provato con IE 7 e va bene ma siccome utilizzo mozilla vorrei sistemarlo in modo da vederlo perfettamente anche con FF
25-01-2010, 10.21.18
sevenjeak

Potresti provare a modificare l'attributo style in questo modo:

Codice:

background:url(http://www.dance70.it/images/animali/pantera1.jpg) no-repeat center top;

P.S.: Lo provato solamente con un css esterno, ma credo sia la stessa cosa
25-01-2010, 11.42.42

ho modificato lo style così:

Codice:

<body style=background-image: url('http://www.dance70.it/images/animali/pantera1.jpg')no-repeat center top>

ora nn si vede nemmeno l'img...solo lo sfondo nero...
25-01-2010, 12.01.54
sevenjeak

Modifica il background-image in background
25-01-2010, 15.36.32

fatto avevo gia provato :P
ora però non mi rileva più il background color (che era impostato a nero) e l'immagine torna ad essere ripetitiva!!!
io intanto continuo a provare ;)...
se avete qualche altro consiglio dite pure!!
25-01-2010, 16.49.06
acsocmel

Citazione:

Originalmente inviato da pantacc

sto usando questo codice:

Codice:

<body style="background-image: url('http://www.dance70.it/images/animali/pantera1.jpg'); background-repeat: no-repeat; background-position: center">

prova questo

Codice:

<body style="background-image: url('http://www.dance70.it/images/animali/pantera1.jpg'); background-repeat: no-repeat; background-position: center center">
25-01-2010, 16.53.28

ci siamo quasi :P
tanto la pagina è spoglia ancora...dopo editerò e togliero il link:
http://pantacc.altervista.org/index.html

questo è per darvi un idea...
se lo aprite con FF l'immagine della pantera è centrata ma è troppo in alto (metà immagine nn si vede) con IE invece è proprio come la vorrei centrata sotto la scritta PANT_Acc
25-01-2010, 18.04.53
acsocmel

come hai detto tu la pagina è vuota ecco perchè non vedi il risultato sperato
prova ad aggiunger dei <p> vuoti per fare la prova
detto questo va detto che il codice è proprio brutto e difficilmente otterrai un risultato omogneo sui vari browser
ti consiglio di imparare a scrivere xhtml strict per una resa migliore
25-01-2010, 18.18.01

siccome è semplicemente l'home page di un alleanza di yun browsergame, mi serviva solo per mettere 2 o 3 link (e leggermi una guida per fare queste cose misere mi pare eccessivo :P)

non è che potete aiutarmi dandomi un codice voi per favore?:roll::lol::lol:

Avevo pensato anche di provare con i frame ma dalla prova che ho fatto off-line è meglio lasciar stare...sono abbastanza nabbo in html e vorrei questa pagina solo per mettere 2 link e quindi con tanta buona volontà vorrei evitare di leggermi una intera guida per nulla... grazie cmq qualunque sia la vostra risposta!!

EDIT: dove dovrei iserire i <p>???
25-01-2010, 18.55.31
acsocmel

allora fai prima a cambiare quel famoso center center
in
center 20px
25-01-2010, 21.04.35

mi intrometto un attimo xD hai detto che questa pagina ti serve solo per qualche link?

Bene, allora al codice aggiungi anche una larghezza e un'altezza assoluta del Box^^ (height: XXpx; width: XXpx;) sfido chiunque a riuscire a centrarla verticalmente in un box che non ha dimensioni^^

Codice:

<body style="background-image: url('http://www.dance70.it/images/animali/pantera1.jpg'); background-repeat: no-repeat; background-position: center center">

Aggiungi larghezza e altezza a questo codice, dovrebbe andare^^