il float non è solo per le immagini...

viene utilizzato principalmente per far fluttuare il testo attorno ad un'immagine, ma può essere utilizzato anche con elementi di testo, oppure per dare un'impaginazione a più colonne con le div, eccetera...

@ienavr said:

il float non è solo per le immagini...

viene utilizzato principalmente per far fluttuare il testo attorno ad un'immagine, ma può essere utilizzato anche con elementi di testo, oppure per dare un'impaginazione a più colonne con le div, eccetera...

si, infatti stavo sperimentando proprio questo. Ho provato ad applicarlo anche su una class di testo e tutto funziona, secondo me, armonicamente su Opera e Firefox, però... IE 6 tanto per cambiare interpreta la cosa tutto a modo suo

guarda:

http://www.paroledautore.net/poesie/prova2.htm

Come potrei risolvere? un commento condizionale per IE 6 ? (non so il 7 ma spero non ci sia il problema anche lì..)

forse ho interpretato male quello che volevi fare, ma questo codice dovrebbe funzionare:

.testo {
color:#cc9;
font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
text-align:justify; clear:both;}

però, ti ripeto, non sono sicuro di aver capito le tue intenzioni nel disporre gli elementi..

mm allora funziona in parte.. non vorrei aver fatto confusione, poi ho letto prima sulle guide, che la cattiva interpretazione del float è un baco di Internet Explorer.
cmq
ora con il clear sul testo, ha funzionato: link con float a sinistra e testo a sinistra, con la differenza però, che su IE c'è uno spazio di troppo, mentre su Opera e Firefox, no.

Posto il codice, e devo uscire un attimo. Se è il caso, poi posso fare delle shot

[HTML]CSS:

a.link {color:#cc9; font:1.28em "Trebuchet MS",Verdana,Arial,sans-serif; text-align:left; text-decoration: none; float:left; clear:left;}
a.link:hover {color:#ff9966; text-align:left; text-decoration: none; float:left; clear:left;}

.testo {
color:#cc9;
font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
text-align:justify; clear:both; }[/HTML]

Grazie ancora, comunque, piano piano ci avviciniamo alla soluzione.

hai tolto la pagina di prova...non riesco a darti una amno senza vedere la pagina originale...

Scusa ma non ho capito perchè il contenitore deve avere il text-align a center e poi all'interno vuoi mettere il testo a sinistra. Forse mi sfugge qualcosa.
Se vuoi metterlo a sinistra è il text-align della colonna che va impostato come left e non center.

.testo {
color:#cc9;
font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
text-align:justify; clear:both;
margin-top:0px;
}

sempre se ho ben capito...

@ienavr said:

hai tolto la pagina di prova...non riesco a darti una amno senza vedere la pagina originale...

non l'ho tolta, [url=http://www.paroledautore.net/poesie/prova2.htm]è sempre lì

così come la vedi con Firefox e Opera è come vorrei che si vedesse su tutti i browser: ma il solito IE che fa sempre di testa sua ( ) pensa bene di mettere una lina di spazio di troppo tra il link e la sua descrizione.

@ FuSioNmAn

il contenitore è impostato al centro perché tutto il sito lo scrivo al centro, però mi è venuta la necessità di fare una pagina (solo quella) che in quel caso fosse scritta da sinistra a destra, perché credo sarebbe più leggibile.

hai provato questo, come ti ho suggerito prima?

.testo {
color:#cc9;
font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
text-align:justify; clear:both;
margin-top:0px;
}

siiiiii funziona grazieeeeeeeeeeeee

ho guardato un pò in giro tra le solite guide, ma non sono riuscita a trovare nulla che mi possa spiegare come fanno in certi siti, a decorare un link in modo diverso dal solito, come in questa pagina:

http://stor.altervista.org/informatica/web/web01.php

Come vedete, il link è con sottolineatura tratteggiata, e al passaggio del mouse, lo stato hover non è un semplice hover, evidentemente, poiché c'è un piacevole colore rosa che circonda tutta l'area.
Questo effetto mi capita spesso e vorrei sperimentarlo, mi piace assai.

Sapete dirmi come si realizza?

a:link, a:visited {border-bottom:1px dashed #000000;}

a:hover {background-color: #ed9b9c;}

funziona grazieeeee