Div e ordine di apparizione mediante css

[MarcoTuscany]

Salve a tutti.

Vorrei sapere questo:

Ho una pagina con all'interno due <div> contenenti rispettivi blocchi di testo e vorrei sapere come da css si possano visualizzare prima o dopo indipendentemente dal loro ordine interno al codice della pagina.

Esempio:

Se ho dentro una pagina un <div> con blocco di testo in fondo alla pagina, quale istruzione serve da css per farlo vedere ad inizio body?

Spero di essere stato chiaro.

[Mich_]

Non mi risulta che con i CSS si possa modificare l'ordine di apparizione. I CSS stabiliscono dove e con che stile vengono visualizzati.

Puoi agire sull'ordine solo tramite JS (tra l'altro non ci sono problemi di accessibilita` per quel tipo di JS, se fatto bene).

[floyd46]

ciao
oltre a provare come, giustamente, ha suggerito Mich_,
prova a disabilitare il CSS e visualizzare la pagina html nel browser. Dalle prove che io faccio, quando realizzo una pagina web, noto che quello che scrivo in #box1 appare prima di quello che scrivo in #box2. Anche se hai usato posizionamenti assoluti nel CSS.
In pratica non fai altro che "linearizzare" i contenuti della pagina e questo è, secondo me, un metodo molto semplice per provare l'accessibilità della pagina stessa. Spero di essere stato kiaro.
Floyd

[MarcoTuscany]

Salve ragazzi, grazie per le risposte,

Un esempio pratico sia per il javascript che suggerisce mich_ che per i box tuoi floyd46 ?

Ho capito cosa intendete entrambi ma se ho esempi pratici è meglio.


Vi ringrazio ancora.

[floyd46]

Originariamente inviato da MarcoTuscany
Salve ragazzi, grazie per le risposte,

Un esempio pratico sia per il javascript che suggerisce mich_ che per i box tuoi floyd46 ?

Ho capito cosa intendete entrambi ma se ho esempi pratici è meglio.


Vi ringrazio ancora.

Non credo serva un esempio pratico, almeno credo, da parte mia;
apri il blocco note e scrivi il codice CSS che ti serve per fare un esempio con 2 box. Mettici del testo e visualizza prima la pagina con i CSS collegati e poi dopo elimina il collegamento al foglio di stile: Quello che hai scritto nei 2 box, come appare? Se nn ti va bene, scambia, nella pagina html, la posizione dei contenitori.
Vedrai, quindi, il contenuto del #box2 apparire prima del contenuto di #box1. Tutto qui.
Spero di essere stato kiaro.
Floyd

[Mich_]

Prima di procedere con un JS, occorre chiarire cosa esattamente si vuole, e soprattuto perche` occorre visualizzare prima un blocco che viene inviato per secondo (la domanda: perche` non posso invertire l'ordine di invio?). Invece con i CSS e` possibile invertire la posizione di visualizzazione dei blocchi (occorre conoscerli molto bene, per fare uana cosa accessibile).

Altra domanda cui occorre rispondere prima di passare a JS: cosa deve succedere se JS e` disabilitato o non supportato nel browser?


Nota che se vuoi passare a JS, il forum corretto e` scripting.
D'altra parte non vorrei spostare questo thread, che tratta di un problema serio con i CSS e che mi pare corretto che resti qui (in pratica ti invito ad aprire un thread nuovo, con titolo consono, con riferimento questo thread e addirittura con tutte queste domande gia` risolte).