Inserimento immagine su più div...

[lorenzos]

Ciao.
Io ho una serie di div uno sopra l'altro che contengono ognuno il nome e la foto di un insegnante di uno stage. Ogni div si chiama #nome insegnante ed è così composto:

#INSEGNANTE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 68px;
	color: #CC0909;
	font-size: 18px;
	background-color: #FFFFFF;
	letter-spacing: 1px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: 71px;
	background-image: url(sfondoaloi.gif);
	background-repeat: no-repeat;
	background-position: 112px;
}

Il risultato è questo..

Qello che vorrei fare ora, è inserire un immagine che prenda tutti i div come in ALLEGATO...
Come posso fare?

Grazie.
Lorenzos...

[lorenzos]

nessuno mi può aiutare?

[whiteduke]

devi fare un div con float vedi qui:
http://www.html.it/css/guida_css_26.htm
ciao

[lorenzos]

Scusami, ma non riesco a capire.
Io dovrei creare un div che contenga tutti i #div insegnanti, e poi inserire l'immagine con float:right in questo div genitore...
Giusto???

[nickmadison]

potresti fare così:

<div class="teacher">
<div class="photo"><img></div>
<div class="name">mario rossi</div>
</div>
.....

dove a "photo" assegnerai il float.

[lorenzos]

capito...
Ora provo...
Grazie...

[lorenzos]

Ho due tread aperti più omeno simili, ma credo sia questa la sezione giusta...

<div class="teacher">
<div class="photo"><img></div>
<div class="name">mario rossi</div>
</div>
.....

E' quello che ho fatto ma sposta i div #insegnanti sotto ed è come se lo inserisse nel primo div #insegnanti...