Dreamweaver: posizionare lo sfondo

Di: _silence_ | 26/09/2020 18:59:07
Salve a tutti (preciso di non essere esperta in materia)
sto costruendo piano piano il mio sito web, ho voluto creare uno sfondo in photoshop (RGB, jpg a 1024x768), ho già suddiviso le aree per i menù ecc..
problema: quando vado a impostare lo sfondo in dreamweaver da impostazioni di pagina > sfondo > inserisci sfondo tutto ok... infatti lo mette allineato a sinistra.
ecco qui: http://imageshack.us/f/59/schermata20110901a18111.png
Vado poi a modificare il codice aggiungendo un background-position: center, dovrebbe mettersi al centro giusto? invece mi fa esattamente questo:
http://imageshack.us/f/854/schermata20110901a18090.png
Cosa c'è che non va?
Grazie a tutti in anticipo!

Risposte


CSS: ripetere e posizionare lo sfondo

Ciao, attualmente l'immagine di sfondo si regola usando gli stili CSS.
Di base l'immagine di sfondo si ripete sia in orizzontale che in verticale.
Per ripetere lo sfondo solo in verticale userai il seguente codice:
body
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:repeat-y;
}

Con repeat-x invece ripeterai la tua immagine solo in orizzontale.
Con no-repeat l'immagine non sarà ripetuta affatto.
Riguardo invece alla posizione userai un codice CSS del tipo:
body
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

I valori che puoi usare per la posizione sono:
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
puoi anche associare anche valori a x e y per scrivere in percentuale, oppure usi i pixel.
Ad esempio:
div
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}

Normalmente per gli sfondi si usano i pattern, che sono degli elementi modulari di alcuni pixel che si ripetono sia in orizzontale che verticale. In questo modo risparmierai anche sui tempi di caricamento del sito. Su internet ne trovi a migliaia.

Di: Anonimo | 26/09/2020 18:59:07