Impostando, tramite i CSS, la larghezza dell'immagine con le unità percentuali, l'area occupata dall'immagine stessa dipenderà dalla larghezza della finestra del browser (vedi la pagina di esempio), come illustrato nell' immagine.

L'immagine di copertina, che dovrà essere dimensionata in modo proporzionale, sarà selezionata attraverso l'attributo id="copertina":

<div id="contenuti">
<h1>Esempio</h1>
<img id="copertina" src="..." alt="..." title="..." />
<p>Lorem ipsum dolor ...</p>
</div>

l'area dei contenuti occuperà il 40% dell larghezza della finestra, mentre l'immagine di copertina occuperà il 100% della larghezza dei contenuti:

#contenuti {
width:40%;
padding:0 1em 1em 1em;
}
img#copertina { width:100% }

---

Facciamo un esempio:

Progettazione e realizzazione siti Web. Servizio di Web Design e Web Master.

SamyWeb Design ti permette di creare un sito web dinamico ad alta tecnologia.
L'opzione ADVANCED permette una gestione rapida ed intuitiva del sito on-line, in tempo reale, dove vuoi, quando vuoi!
Creiamo un prodotto visibile da qualsiasi utenza, con grafica e contenuti personalizzabili. Potrai controllare e gestire on-line il tuo sito, tramite un'interfaccia di amministrazione semplice ed intuitiva.

Per un preventivo gratuito e per maggiori informazioni sui servizi offerti, visita:

http://www.samyweb.it

Tips

* Tecnologia
CSS
(x)html
PHP
JavaScript
Flash
* SPBlog

Porfolio Siti Web realizzati da SamyWeb Design

* New!! DAMAGE-INC
* New!! SamyWeb Design
* ExBB Italia Forum
* Ci Pensi Te?!
* Meridiana
* The Turning Point
* Giardino Segreto
* Custodi Di Midgard

:: Siti Web personali ::
* Hydra's Blog
* SamyWeb Design