Visualizzazione dei risultati da 1 a 5 su 5

Discussione: sfondi e dimensioni

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    163

    sfondi e dimensioni

    ciao!
    sto facendo un sito,e ho una immagine di 2000 x 1000 circa, che devo utilizzare come sfondo. è un immagine con un disegno,per cui non può essere ripetuta. il mio dilemma sta nel fatto che questa immagine in monitor più grandi viene ripetuta.
    inoltre in questa stessa immagine ho disegnato le cornici degli elementi del sito (intestazione menu ecc),che graficamente sono quindi integrati con il disegno di sfondo.col css ho creato i div che sono messi in posizioni fisse in corrispondenza delle cornici disegnate nello sfondo,per poter sovrapporre i testi e le immaggini .
    quindi con questo sistema se il sito viene visualizzato in un monitor + grande, vengono ripetuti anche menu e tutto il resto!

    spero di essere stato chiaro

    [IMG][/IMG]

    ho preparato un immagine sul momento per spiegarmi meglio (chiaramente l'immagine che uso per il sito è più sofisticata ). Si vede comunque che tutti gli elementi della pagina sono "fusi" in un unica immagine.per cui ci sarà un div in corrispondenza dell'area bianca (affianco a batman! ) in cui andrà il testo della pagina;ci sarà un div in corrispondenza dei segni sulla sinistra in modo da fare un menu...e cosi via

    la domanda è: come posso fare in modo che tutti i div siano ancorati fermamente allo sfondo?e come faccio a non ripetere lo sfondo con risoluzioni maggiori?
    il mio sogno sarebbe evitare anche il colore di sfondo quando lo sfondo nn viene ripetuto,magari facendo si che la finestra del browser si ridemsioni apposta per il sito..

    sperando di essere stato comprensibile a essere umano,aspetto aiuti.
    grazie

  2. #2
    dando per scontato che lo sfondo sia sul tag body

    aggiungi

    <body style="background:#000 url("path dell'immagine") no-repeat;">

    #000 rende nero lo spazio oltre l'immagine

    url ti inserisce l'immagine

    no-repeat fa si che l'immagine non si ripeta

    non è possibile via html fare in modo che la finestra si ridimensioni automaticamente

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    163
    grazie per la risposta!
    ma c'è un modo per far si che TUTTA la pagina,quindi sfondo e div, si ridimensionino a seconda della risoluzione dello schermo?

  4. #4
    non mi risulta alcun modo per ridimensionare una immagine di sfondo...

    l'unica cosa che ti poteri consigliare è quella di creare un div contenente l'immagine a tutto schermo e poi posizionare in maniera assoluta il sito sopra questo div...

    in pratica:

    <div width="100%">sfondo</div>
    <div style="position:absolute;left:0;top:0;">

  5. #5
    Originariamente inviato da irdg
    <div width="100%">sfondo</div>
    <div style="position:absolute;left:0;top:0;">
    ... che è semanticamente scorretto.

    Cmq non vi sono altri modi... resta il javascript col quale sei in grado di leggere le dimensioni dello schermo e proporre l'immagine più adatta (dovresti fare quindi 2 o 3 sfondi)
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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 © 2025 vBulletin Solutions, Inc. All rights reserved.