Problema con immagini e testo n box

[a.desantis]

Buongiorno a tutti.
Seguendo le fantastiche guide sui CSS qui su HTML.it e leggendo il libro di Meyer, piano piano sto tirando su il mio sito dedicato alla mia produzione fotografica ( una sorta di portfolio)
Ho un problema, o meglio non riesco a trovare la soluzione piu' idonea a inserire un'immagine con il testo che la descrive, al sul fianco, sulla destra, all'interno di un box posizionato in modo assoluto.
Ognuno di quei tre box rappresenta un tipo di foto, e la mia idea e' quella di linkare ogni box alla galleria vera e propria creata ad esempio con JAlbum.
La pagina e' questa :
www.macrofotografia.net/galleries.htm
Che ne dite?


Grazie
Anto

PS Pareri su come sto facendo il sito?

[ashtur1]

nel box puoi inserire un paragrafo e inserire l' immagine floattante a destra...

per fare in modo che il testo, una volta superata l' altezza dell' immagine non ti cominci dal bordo del div, gli devi dare un padding sinistro (al tag p) almeno quanto la larghezza dell' immagine.

[a.desantis]

Originariamente inviato da ashtur1
nel box puoi inserire un paragrafo e inserire l' immagine floattante a destra...

per fare in modo che il testo, una volta superata l' altezza dell' immagine non ti cominci dal bordo del div, gli devi dare un padding sinistro (al tag p) almeno quanto la larghezza dell' immagine.

Grazie mille ,
sto provando ma rendendo float l'immagine mi fa scomparire il box in mezzo
ANtonio

[a.desantis]

Originariamente inviato da a.desantis
Grazie mille ,
sto provando ma rendendo float l'immagine mi fa scomparire il box in mezzo
ANtonio

Risolto, sbagliavo a inserire l'immagine flottante all'interno del tag

.
Invece ho inserito prima il tag<img> e poi il tag


Mi sembra che funzioni
Grazie mille
Antonio

[ashtur1]

scusa il floattante era a sinistra....

quale è il box nel mezzo che ti scompare?

<div id="newsindex">
	[img]img/news.png[/img]	  


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
	
</div>

css:

#newsindex{
width:35%;
height:190px;
background-color:#FFFFFF;
border:#ccc 1px solid;
float:right;
padding:0;
margin:1px  0 0 0 ;
overflow:auto;
background-image:url("tua immagine");
background-position:left;
background-repeat:repeat-y;
}
#newsindex img{
width:20px;
height:150px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
#newsindex p{

margin:0;
padding:0 0 0 22px;
}

in pratica il div newsindex contiene un immagine sulla sinistra di 20px di larghezza e si spiega il padding di 22px nel p

spero di essere stato piu chiaro

per vedere l' esempio di un sito che sto facendo clicca qui

[ashtur1]

mi hai anticipato!!!

[a.desantis]

Originariamente inviato da ashtur1
scusa il floattante era a sinistra....

quale è il box nel mezzo che ti scompare?

<div id="newsindex">
	[img]img/news.png[/img]	  


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
	
</div>

css:

#newsindex{
width:35%;
height:190px;
background-color:#FFFFFF;
border:#ccc 1px solid;
float:right;
padding:0;
margin:1px  0 0 0 ;
overflow:auto;
background-image:url("tua immagine");
background-position:left;
background-repeat:repeat-y;
}
#newsindex img{
width:20px;
height:150px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
#newsindex p{

margin:0;
padding:0 0 0 22px;
}

in pratica il div newsindex contiene un immagine sulla sinistra di 20px di larghezza e si spiega il padding di 22px nel p

spero di essere stato piu chiaro

per vedere l' esempio di un sito che sto facendo clicca qui

Quindi tu hai inserito l'immagine come sfondo del Div.
Io l'ho messa direttamente come img...avro' problemi con browser differenti?
Grazie mille!
Anto

[ashtur1]

nell' html ho inserito un' img e poi nel div ho messo l' immgine di sfondo che si ripete, cosi quando il box si espande in verticale rimane sempre lo sfondo dell' immgaine sulla sinistra

[a.desantis]

Originariamente inviato da ashtur1
nell' html ho inserito un' img e poi nel div ho messo l' immgine di sfondo che si ripete, cosi quando il box si espande in verticale rimane sempre lo sfondo dell' immgaine sulla sinistra

Grazie mille per l'esauriente spiegazione!
Ciao
Antonio