Ciao a tutti, prima di postare qualcosa qui, giuro che faccio mille ricerche, ma neanche 'sta volta sono venuto a capo di un problema, per me, apparentemente semplicissimo. Per essere chiaro allego delle immagini che mi aiuteranno a spiegarmi meglio.
Allora.. io vorrei ottenere un'elemento in una pagina web che appaia come nell'immagine sfondo.jpg.. (l'immagine allegata è ridotta al 20%) questo elemento farà da contenitore di altre cose e quindi avrà un'altezza variabile, mentre la larghezza resterà sempre uguale..
Per ottenere un simile effetto ho pensato di dividere l'immagine sfondo.jpg in 8 pezzi, 4 linee da 1px che mi daranno le sfumature laterali e 4 angoli che raccorderanno tali sfumature.. Così avro ottenuto una cornice al contenuto dell'elemento. L'immagine schema_sfumature.jpg ne dovrebbe illustrare il funzionamento..
Mentre l'immagine schema_boxmodel.jpg dovrebbe rendere l'idea di come ho provato ad impostare l'elemento in html: ho un box (div) contenitore che contiene tutto (evidenziato in grigio) e al suo interno ho altri tre box (div - evidenziati in rosso) che a loro volta contengono tre box (span - evidenziati in verde) ciascuno.
Ho allegato anche un file zip che contiene gli 8 pezzi che vengono usati come background-image degli span esterni mentre quello centrale avrà una tinta unita..
Il mio problema riguarda le colonne laterali nelle quali non riesco a impostare un'altezza automatica con la loro relativa immagine che si ripete.. Se serve vi posto l'intero codice, aiutatemi per favore!!
Allora.. io vorrei ottenere un'elemento in una pagina web che appaia come nell'immagine sfondo.jpg.. (l'immagine allegata è ridotta al 20%) questo elemento farà da contenitore di altre cose e quindi avrà un'altezza variabile, mentre la larghezza resterà sempre uguale..
Per ottenere un simile effetto ho pensato di dividere l'immagine sfondo.jpg in 8 pezzi, 4 linee da 1px che mi daranno le sfumature laterali e 4 angoli che raccorderanno tali sfumature.. Così avro ottenuto una cornice al contenuto dell'elemento. L'immagine schema_sfumature.jpg ne dovrebbe illustrare il funzionamento..
Mentre l'immagine schema_boxmodel.jpg dovrebbe rendere l'idea di come ho provato ad impostare l'elemento in html: ho un box (div) contenitore che contiene tutto (evidenziato in grigio) e al suo interno ho altri tre box (div - evidenziati in rosso) che a loro volta contengono tre box (span - evidenziati in verde) ciascuno.
Ho allegato anche un file zip che contiene gli 8 pezzi che vengono usati come background-image degli span esterni mentre quello centrale avrà una tinta unita..
Il mio problema riguarda le colonne laterali nelle quali non riesco a impostare un'altezza automatica con la loro relativa immagine che si ripete.. Se serve vi posto l'intero codice, aiutatemi per favore!!