Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Grafica "centrata". come fare?

    Ciao a tutti.
    Ho l'immagine di quella che sarà la grafica del sito che sto facendo. Ora devo prendere questa immagine e portarla in html e (sarebbe meglio) in css. Il problema è che la grafica verrebbe piuttosto larga, essendo l'immagine di una maglietta. Il sito si troverebbe al centro di questa maglietta e le maniche dalle parti non presentano alcuna scritta (non sono quindi indispensabili). Quindi pensavo di centrare la maglietta in modo che chi ha una risoluzione bassa visualizzi comunque il sito. In pratica le maniche si devono nascondere a destra e a sinistra mano a mano che che la finestra del browser si rimpicciolisce senza visualizzare uno scroll orizzontale. Spero di essere stato chiaro. Qui sotto ho messo un paio di immagini per chiarirmi meglio. Ciao e grazie.





    PS: sotto alla maglietta (dove adesso c'è uno sfondo bianco) verrà messo uno sfondo con una immagine ripetuta, quindi pensavo di mettere l'immagine della maglietta come sfondo di tre div e lo sfondo sotto la maglietta come sfondo della pagina.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Molto piu` semplicemente, la maglietta deve essere uno sfondo unico: una cosa di questo tipo:
    codice:
    HTML:
    <body>
      <div id="sfondo">
        <div id="contenuto">
          
    
    qui il tuo sito</p>
        </div>
      </div>
    </body>
    
    CSS:
    html, body {
      width: 100%;
      min-height: 100%;
      background: url(immagine_ripetuta.png)
    }
    #sfondo {
      width: 100%;
      height: 100%;
      background: url(maglietta.jpg) top center;
    }
    #contenuto {
      width: XXXpx;             /* la larghezza del corpo della maglietta */
      margin: 0 auto;           /* centra nel blocco sfondo */
      background: red;        /* per vedere le dimensioni - poi dovrai toglierlo e lasciarlo traspar */
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    PS: sotto alla maglietta (dove adesso c'è uno sfondo bianco) verrà messo uno sfondo con una immagine ripetuta, quindi pensavo di mettere l'immagine della maglietta come sfondo di tre div e lo sfondo sotto la maglietta come sfondo della pagina.
    Questo mi sembra un pò macchinoso con un codice confusionale...

    Meglio come ti è stato suggerito...usi lo sfondo e imposti il <div> contenitore in modo che si collochi al centro della tua maglietta "sfondo".

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.