centrare un immagine

**galateo76** · 12-09-2007, 14:32

Ciao sono un neofita e ho bisogno di una mano. Grazie a chi mi aiuta. Allora. ho questa immagine che vi posto. vorrei che l'immagine fosse sempre al centro in una pagina html in qualsiasi risoluzione e browser. Però vorrei che i colori laterali si estendessero in tutta la pagina non so se mi capite. vi linko la pagina da dove ho trovato questa immagine facendo tasto dx e salva sfondo. http://aethra.businessfindershop.it

inserendo come sfondo l'immagine in una pag html non mi da lo stesso effetto.

mi aiutate?

ciao Riccardo

**ricman** · 13-09-2007, 09:18

Dipende un po' dal contesto, ma in generale dovresti gestirla da css così:

codice:

body {
  background: url(percorso/img.gif) repeat-y center;
}

Ho messo "body", ma tu puoi usare il contenitore che reputi più indicato.

**galateo76** · 13-09-2007, 09:52

grazie mille, ho provato ma sparisce l'immagine cosa ho sbagliato?

l'immagine iniziale la devo mettere come sfondo di un div o come spondo della pagina.
Essendo un neofita uso dreamweaver e uso poco i css e html. cerco di usare tutte le funzioni automatiche del programma.

quindi ti dico cosa faccio:

nuova pagina html
vado su impostazioni pag e imposto l'immagine come sfondo e poi aggiungo la tua informazione.

oppure devo creare un tag div e inserire come sfondo l'immagine?

scusa ma sto cercando di capire

**ricman** · 13-09-2007, 11:17

Se lo devi mettere come sfondo al div assicurati che questo abbia le giuste dimensioni.

Basta che guardi il file .css con vista codice e vedi roba come l'ho scritta io.

Se l'immagine sparisce potrebbe essere che hai scritto male il percorso.

**galateo76** · 13-09-2007, 14:18

ho provato e riprovato e controllato anche la destinazione del file ma l'immagine scompare.
ti chiedo troppo se fai una prova con DW? Mi sono ormai incaponito e devo riuscire a risolvere. Hai avuto modo di vedere il link di esempio di come vorrei venisse lo sfondo della pagina? http://aethra.businessfindershop.it

grazie tante per la pazienza

ti posto il codice della pagina appena inserisco l'immagine nello sfondo: (immagine non centrata e cmq il colore a lato non prende tutto lo spazio della pagina)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

</style></head>
<body>
</body>
</html>

************************************************** **************

questa è invece inserendo il tuo pezzo di codice: (pagina bianca)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

</style></head>

<body>
</body>
</html>
************************************************** ****************

**galateo76** · 13-09-2007, 14:32

Nella risposta precedente mi sono dimenticato.....scusa.... il terzo codice, su uso un tag div e metto l'immagine come sfondo vedo questo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

</style>
</head>

<body>
<div id="corpo"></div>
</body>
</html>

**ricman** · 13-09-2007, 15:07

1) quando posti del codice usa il pulsantino # situato nella pulsantiera del Nuovo Messaggio
2) ma non hai un link? cioè... il sito pubblicato in tuo spazio web? ...si farebbe prima a vedere gli errori

**galateo76** · 13-09-2007, 15:40

hai ragione scusa adesso ti mando il link

http://starblazer.altervista.org

**ricman** · 13-09-2007, 16:00

Originariamente inviato da galateo76
hai ragione scusa adesso ti mando il link

http://starblazer.altervista.org

L'immagine nei css ha il percorso locale del tuo pc

url(file:///C|/Documents%20and%20Settings/riccardo.aloia/Documenti/Web/Immagini%20per%20web/sfondoae.gif);

Correggi il percorso...

**galateo76** · 13-09-2007, 16:55

che tonto!!!!!

fatto

Discussione: centrare un immagine

Strumenti discussione

Ricerca discussione

Visualizza

centrare un immagine

Permessi di invio