immagine adattabile al testo...help!

[darkside1it]

ciao a tutti.
mi sono incartato con sto problema.
Vorrei creare un contenitore in cui il top e il bottom siano fissi e invece l'immagine al centro si possa adattare e allungare in base all'immagine che ci voglio mettere dentro.

per capirci:

<div id="header" align="center"> [img]immagini/tabelline/your_account.jpg[/img]
<div id="portaimmagine"> </div>
<div id="lati" align="center">[img]immagini/tabelline/win1_back.jpg[/img]</div>

<div id="bottom_img"align="center">[img]immagini/tabelline/bottom.jpg[/img]
</div>
</div>

aiutatemi...

[ricman]

Id header deve avere un larhezza fissa e <img id="foto_header" src....> (da creare) gli imposti una width del 100%. Poi vedi come giocare con le proporzioni...

[darkside1it]

ciao...
sinceramente non ho capito.
dò width e height al div header(quello che deve rimanere fisso) e invece all'immagine centrale che deve adattarsi dò width:100%.
cioè il comando width:100% è quello che fà adattare giusto???
ho capito????
ciao e grazie

[ricman]

Originariamente inviato da darkside1it
cioè il comando width:100% è quello che fà adattare giusto???
ho capito????

La risposta è dentro di te....

Si, hai capito... l'immagine (e non solo quella) deve potersi adattare a "qualcosa" di definito.
Ovvio poi che aumentare la larghezza comporta direttamente un aumento dell'altezza...

[darkside1it]

ciao..
allora ho provato quello che mi hai detto e tutto ok...l'immagine si allunga in base al contesto.

Però io vorrei mettere sopra questa immagine,che non è altro che un paio di bordini,una foto.
Ora se io metto dentro ad un div le due immagini queste non si sovrappongono , ma vanno una sotto l'altra.quindi non mi viene...

le soluzioni che pensavo erano 2 :

- usare l'immagine 1 come background e metterci sopra la foto.(anche se non so se riesco a farlo)
-fare una tabella e metterci dentro le 2 immagini (però basta tabelle!)

non mi sembrano due metodi molto eleganti, volevo sapere se c'era qualche altro metodo più intelligente

ciao ciao

[ricman]

Dovresti far vedere il link alla pagina oppure un'immagine del risultato che vorresti ottenere.
Così come lo spieghi mi verrebbe di dire: "...ma per il bordo di un div c'è il css (border)!"... ma mi sa che non ho capito cosa vuoi.

[darkside1it]

io penso che tu abbia capito...
praticamente è come hai detto tu.. cioè potrei fare un div con un border e dentro un'immagine ...invece che stare a usare un'immagine solo per fare il border.
però quell'immagine fà un border in 3d che non è possibile fare con il comando border e che a me piace.
sei riuscito a comprendere?
ciao e grazie

[ricman]

Originariamente inviato da darkside1it
però quell'immagine fà un border in 3d che non è possibile fare con il comando border e che a me piace.

Se il div ha una larghezza fissa prepari un foto di sfondo larga quanto il div, alta 1px, tutta trasparente (o bianca) con solo i lati che formano le tue sfumaure 3d.
Poi la metti come sfondo tipo:

.classechevuoi {
  background: url(foto_coi_bordi.ext) repeat-y;
}

[darkside1it]

ok.
praticamente faccio il background con l'immagine come dicevo io.
quindi alla fine altre soluzioni non esistono?
ciao e grazie per le risposte così celeri...