Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Sfondo div allungato

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    87

    Sfondo div allungato

    Ciao ragazzi, spero la domanda non sia banale ma non ho trovato nulla nel forum.
    E' possibile far adattare lo sfondo di un div (impostato con background-image) alla dimensione del div stesso? Esattamente come avviene per le tabelle, cioè lo sfondo si allunga tanto quanto è grande la tabella.
    Ho trovato solo la possibilità di impostare backgorund-repeat, ma nulla per far allungare lo sfondo in base all'altezza del div.
    Se non fosse possibile come viene risolto questo problema?
    Grazie, ciao!

  2. #2
    Di solito si fa lo sfondo sottile e poi si fa ripetere con repeat-x o y a seconda di come lo vuoi far ripetere

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    87
    Purtroppo non posso ripeterla
    Deduco che quindi che non si possa con i CSS...
    Avendo un div a cui voglio dare uno sfondo che si deve adattare in base ai contenuti (allungandosi non ripetendosi! ) e poi all'interno dei contenuti, come si agisce ?

  4. #4
    No nel senso che il background lo fai ripetere nel div in modo che se si allunga lo sfondo si ripete indipendentemente da quello che tu metti dentro..

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    87
    Si ok, però purtroppo io non posso ripetere lo sfondo, deve essere una sola immagine che si allunga in base ai contenuti invece che ripetersi!

  6. #6
    Originariamente inviato da Fandal
    Si ok, però purtroppo io non posso ripetere lo sfondo, deve essere una sola immagine che si allunga in base ai contenuti invece che ripetersi!
    scusa ma...anche se si potesse, che schifezza sarebbe ? un immagine stiracchiata e sgranata di sfondo ?

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    87
    E' questione di pochi pixel, non si nota assolutamente la differenza.
    Volevo solo sapere se ci fosse una soluzione.. male che vada farò la solita divisione tabellare con tutti i pezzettini

  8. #8
    Originariamente inviato da serialkiller
    scusa ma...anche se si potesse, che schifezza sarebbe ? un immagine stiracchiata e sgranata di sfondo ?
    Ma cosa ne sai tu? Magari ci mette una immagine di 40mila ppi e non sgrana

    In ogni caso da una veloce occhiata delle proprieta' del w3 su background non ho visto niente che possa c'entrare con la sua dimensione rispetto al contenitore, solo posizioni e ripetizioni. http://www.w3.org/TR/CSS21/colors.html

    Ciauz
    #exclude <windows.h>
    Powered by Gentoo GNU/Linux
    Cos'e' l'impossibile se non una questione di tempo?
    Riesumare i post vecchi non e' sbagliato, e' una risposta o la continuazione di un thread. Meglio riesumare che creare di nuovi :]

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Sono stati proposti dei trucchi.
    Uno e` dare un colore di sfondo uguale al colore del bordo dell'immagine. In qualche caso occorre giocare con i colori dei bordi dell'immagine (o del solo bordo in fondo), in modo da creare un effetto gradevole.

    Oppure si puo` usare una sovrapposzione di oggetti: quello dietro contenente un'immagine (tag <img>), quello davanti contenente la tua pagina.
    I due oggetti devono sovrapporsi (z-index opportuno).
    Se si possono usare i posizionamenti (absolute o relative), la cosa e` semplice (ambedue gli oggetti vengono posizionati nello stesso posto); in caso contrario la cosa risulta piu` complessa (meglio tornare alla prima soluzione).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    87
    Ok grazie a tutti!

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.