Visualizzazione risultati 1 fino 17 di 17

Discussione: [HTML] - Fissare un'immagine di sfondo e riempire tutta la finestra [mod]

  1. #1
    Guest

    Wink [HTML] - Fissare un'immagine di sfondo e riempire tutta la finestra [mod]

    buongiorno...vorrei sapere come poter centrare un immagine di sfondo di una pagina.
    grazie

  2. #2
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Guarda questo sito.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  3. #3
    Guest

    Predefinito

    scusate ma nn sono molto esperto...nonostante il sito che mi è stato proposto di vedere nn riesco nel mio intento...
    chiedo di nuovo help!!!

  4. #4
    Guest

    Predefinito

    help,è abbastanza urgente...per favore ditemi meglio come posso centrare una pagina

  5. #5
    Guest

    Predefinito

    per centrare una pagina sulla guida c'è scritto di inserire questo

    <body><div align="center">
    ....tutta la pagina...
    </div></body>

    prova un po'...

  6. #6
    Ospite Guest

    Predefinito

    Citazione Originalmente inviato da archidaniele
    per centrare una pagina sulla guida c'è scritto di inserire questo

    <body><div align="center">
    ....tutta la pagina...
    </div></body>

    prova un po'...
    E'sufficiente un semplice:
    Codice HTML:
    <center>testo</center>

  7. #7
    Guest

    Predefinito

    ok, ma anche per centare l'intera pagina?

  8. #8
    Ospite Guest

    Predefinito

    Citazione Originalmente inviato da archidaniele
    ok, ma anche per centare l'intera pagina?
    sì...
    Ma nn andiamo OT...

  9. #9
    Guest

    Predefinito

    nn ci riesco...
    vorrei sapere dove va inserito quel pezzo di codice e se va modificato
    grazie

  10. #10
    Ospite Guest

    Predefinito

    Quel codice va inserito tra i tags <body> e </body> o comunque dove vuoi che il testo sia centrato.
    Un esempio:
    Codice HTML:
    <html>
    <body>
    <center>
    Ecco il testo da centrare
    </center>
    </body>
    </html>

  11. #11
    Guest

    Predefinito

    c'è stato un malinteso...io nn voglio centrare il testo, vorrei che la mia pagina avesse un'immagine di sfondo che nn risulti multipla,che occupi tutta la pagina insomma.
    spero di essermi spiegato meglio e confido in un vostro aiuto
    grazie

  12. #12
    Ospite Guest

  13. #13
    Guest

    Predefinito

    ok perfetto...l'immagine è singola e centrata però c'è solo un piccolo problema...nn ricpre tutta la pagina.
    potresti aiutarmi!?

  14. #14
    Ospite Guest

    Predefinito

    Codice HTML:
    <body style="background-image: url(bg_fare.jpg); background-repeat: no-repeat; background-position:[COLOR=DarkRed] ... [/COLOR];">
    Al posto dei puntini puoi impostare la posizione dell'immagine di sfondo in px o in percentuale.
    Esempio:

    Codice HTML:
    background-position: 100px, 50px
    background-position: 50%,30%

  15. #15
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    [4 probid] non mi pareva fosse questa la domanda...
    Citazione Originalmente inviato da pici
    ok perfetto...l'immagine è singola e centrata però c'è solo un piccolo problema...nn ricpre tutta la pagina.
    potresti aiutarmi!?
    Allora, per le vie facili non è possibile, questo per un motivo molto semplice: se potessi cambiare le dimensioni dello sfondo, questo si deformerebbe e potrebbe infine risultare sgranato.

    Se proprio vuoi "farti male fino in fondo", puoi provare la via più difficile: quella di stampare un'immagine con le dimensioni che preferisci e poi posizionarci sopra il tuo testo. Ecco il codice:
    Codice HTML:
    <DIV STYLE="position:absolute">
    <IMG SRC="sfondo.jpg" WIDTH="100%" HEIGHT="100%">
    </DIV>
    <DIV STYLE="width:100%;height:100%;overflow:auto;color:#RRGGBB">
    <!-- qui sopra imposta un colore per il testo "compatibile" con lo sfondo al posto di RRGGBB -->
    <!-- poi scrivi tutto il testo da scriverci sopra -->
    </DIV>
    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  16. #16
    Guest

    Predefinito

    era prorio questo quello che volevo sapere...infatti con l'impostazione background: position l'immaggine vienae solo spostata all'interno della pagina...
    cmq GRAZIE lo stesso a PROIBID.
    Quindi se ho ben capito nn conviene mettere come sfondo di una pag un'immagine a meno che qst nn risulti di dimensioni tali da ricoprirla interamente???
    ciao,ci sentiamo

  17. #17
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da pici
    ... Quindi se ho ben capito nn conviene mettere come sfondo di una pag un'immagine a meno che qst nn risulti di dimensioni tali da ricoprirla interamente??? ...
    Dipende da quello che vuoi fare: se riesci a realizzare immagini ad hoc molto più piccole della pagina può saltarne fuori un effetto "logo" o "filigrana" niente male...

    Ti rimando alla home page del mio sito per vedere risultati del genere, il DIV superiore, laterale sinistro e centrale hanno tutti gli stili con background-position impostato opportunamente.

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •