Olimpo Informatico

[gek]

salve! ancora una volta mi presento questuante al forum dell'Olimpo.. per un problema con i div (ma io li odio!! anzi, sono LORO che odiano me!! )

per farla breve: sto creando una pagina dove vorrei inserire tanti riquadri con immagini e testo. mi piacerebbe che venissero "sfalsati", cioè nel primo immagine a sinistra e testo sulla destra, nel secondo immagine sulla destra e testo a sinistra, e così via. per farmi meglio capire allego una immagine esplicativa:


questi riquadri sono contenuti dentro un div che si chiama container.
mi potete suggerire un metodo "furbo" e stilisticamente elegante per realizzarlo? non so se creare dei "div", dei "p", degli "span", aiuto!!!

grazie mille!!
Tuffo

[gek]

uff ho provato inserendo dei div e dei p, ma nessun risultato, l'immagine straborda fuori... forse una soluzione potrebbe essere sistemarla come "background"?

ma così facendo nn riesco a spostare il testo in modo che non si sovrapponga... e poi vorrei che ogni riquadro che contiene immagine e testo avesse il bordo... per favore aiutatemi!

[gek]

forza ragazzi vi prego aiutatemi!! voglio realizzare un layout come quello in figura precedente ma non so come fare!!
potete aiutarmi? datemi dei consigli!

Dai Olimpo non mi deludere!!!

[Thund3r]

Non ho capito molto bene il tuo problema, ma prova questo TAG:

[sacrire]

Non so se ho capito bene quello che volevi ho fatto una pagina di prova sul mio sito se vuoi dare un'occhiata....

http://www.presentatrici.altervista.org/prova.html

[Thund3r]

Comunque sia, ti consiglio, se sei agli inizi, di usare un editor di testo con interfaccia grafica, tipo dreamweaver, front page etc.etc. Con essi, basta allineare il testo alla word

[gek]

ciao! grazie per la risposta, ma non è esattamente quello che vorrei ottenere.. ho caricato la pagina all'indirizzo

http://www.oleificiocopertino.it/paolo_prova/passato.php

ho realizzato dei <p> che si colorano di colori diversi, e la mia idea era di averne uno con l'immagine a destra e uno con l'immagine a sinistra, e il testo che si disponeva di fianco in maniera uniforme. purtroppo inserendo le immagini come <img> non riuscivo né a posizionarlo sull'estremo bordo, né a sistemare il testo in modo tale che riempisse tutto lo spazio, ho provato anche con l'attributo float:left (o right), ma così facendo l'immagine usciva dal <p> e si sovrapponeva al testo sottostante....

spero di essere stato più chiaro...

grazie ancora!

[sacrire]

Beh la mia pagina ci andava abbastanza vicino. Se vuoi guardare ora ho tolto i bordi, se ti va bene puoi copiarla e sostituirci le immagini tanto l'ho creata per te...
Usando il tag <p> non so come aiutarti mi dispiace.

[gek]

grazie mille per l'aiuto, mi sa che alla fine utilizzerò la tua soluzione... solo che ero curioso di scoprire se era possibile ottenere lo stesso risultato utilizzando i DIV, per avere un layout totalmente tableless.

qui mi sa che solo Rebelia mi può aiutare!!! Rebelia, se ci sei rispondi!!

scherzi a parte, qlcuno ha idea di come fare usando i css?

[horus]

Io userei la proprietà
float assegnata all'immagine.

Esempio banale che non so se funziona:

[gek]

ehi funziona!! allora quello che sbagliavo io era il br con l'attributo clear

[horus]

Meglio così.

Quando utilizzi il float l'oggetto viene tolto dalla sua normale collocazione nella struttura della pagina. Gli altri oggetti quindi non sanno più che c'è e si chiudono senza tenerne conto.
Mettere un br o qualsiasi altro oggetto con clear both serve per ripristinare il normale flusso della pagina. E' una soluzione un po' sporca ma efficiente. Il clear both significa che quell'oggetto non può averne altri a destra o a sinistra e quindi, di fatto, si colloca dopo che l'oggetto float è finito.
Il div che racchiude tutto quindi continuerà a chiudersi dopo gli oggetti di cui potrà determinare la posizione ma questa volta l'ultimo oggetto sarà il br.

Non sono un grande oratore ma spero di aver chiarito un po' il funzionamento del float.

[gek]

invece devo proprio dire che HORus sei un grande HORatore! (ah ah ah)... vabbé che schifo di battuta.

cmq ora ho capito meglio, quindi non posso fare altro che dirti GRAZIE!!!!

alla prossima, ciao!

Gek