Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Layout di sfondo

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2002
    Messaggi
    303

    Layout di sfondo

    Non è semplice da spiegare comunque ci provo: ho un'immagine larga ed alta
    quanto dovrà essere l'area della mia pagina html.
    Ovviamente quest'immagine che sarà di sfondo in parte si vedrà ed in parte sarà
    sovrastata dal testo della pagina html.

    La domanda è come realizzare ciò; nel senso che una volta che ho pronta
    l'immagine di sfondo che potrebbe avere dimensioni 950 x 600 px come faccio
    a metterla di sfondo. Suppongo che la dovrei fare a pezzi con Photoshop ed ogni singolo
    pezzo sarà lo sfondo di una riga, o colonna o cella. Oppure inserita dentro una riga, o
    colonna o cella.

    Ma come faccio manualmente a sezionare un'immagine in tante sue parti che per forza
    devono avere delle dimensioni precise al pixel e i cui bordi devono perfettamente coincidere
    con quelli del pezzetto della cella attigua dando l'idea a chi vede il layout che l'immagine
    sia una unica e non tanti pezzettini accostati.

    Grazie
    Ciao
    Andrea

  2. #2
    puoi farlo con i css, ti sposto nella sezione dedicata

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    crei un div all'interno di cui metterai tutto il tuo layout, a cui applichi l'immagine come background.
    codice:
    #nome_div {
    background: url(percorso/immagine.jpg) no-repeat;
    /* ... e tutte le altre proprietà che ti servono ... */
    }


    ps. detto e ridetto, le tabelle non andrebbero usate per il layout :rollo:

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2002
    Messaggi
    303
    Ti ringrazio per la risposta, ma non conosco i css.
    Quindi sono punto a capo.
    Hai un'alternativa?
    Grazie
    Ciao
    Andrea

  5. #5
    nell'header delle pagine aggiungi questa stringa:

    codice:
    <link href="stile.css" rel="stylesheet" type="text/css" />
    a parte apri il blocco note, ci scrivi:

    codice:
    body {background: immagine.jpg no-repeat top center;}
    lo salvi come stile.css e lo carichi nella stessa directory delle pagine

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    css.html.it

    ci sono delle ottime guide, tra cui una guida base,
    ti permetterà di capire in breve tempo come funzionano i CSS

    e myaku (precisa come sempre) ti ha suggerito esattamente come devi procedere
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Utente di HTML.it
    Registrato dal
    Apr 2002
    Messaggi
    303
    Ringrazio vivamente rebelia, ho ben compreso i comandi che mi hai scritto.

    Funzionano bene anche per Explorer 6.0 e superiori e Firefox 2.0 e superiori?
    Grazie mille
    Ciao
    Andrea

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    sì, la totalità dei browser più diffusi supporta l'uso dei background
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.