Ordinamento div

danielloantonio

Utente Attivo
20 Lug 2012
110
0
0
Salve,

ho questo codice

HTML:
<html>
<body>
<div class="div-sotto">content div sotto</div>
<div class="div-sopra">content div sopra</div>
<div class="div-sotto">content div sotto</div>
<div class="div-sopra">content div sopra</div>
</body>
</html>

ora vorrei che i div "div-sopra" vadano sopra e gli altri vadano sotto... ho provato il il float ma non ci sono riuscito! Qualche consiglio???

Grazie
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
  1. Sopra a cosa?
  2. Puoi invertirli nel codice!
  3. Puoi usare i posizionamenti!
  4. Puoi spiegarti meglio!
  5. Puoi fare un esempio!
  6. Nel codice manca il DTD e il tag <head>..</head>!
 

danielloantonio

Utente Attivo
20 Lug 2012
110
0
0
Ho una funzione php che mi stampa delle cose dal database ma non e posso ordinare! Quindi vorrei ordiarle tramite css ad esempio... il float top e bottom non esiste... potrei anche giocare con la proprieta position ma non so come fare :/
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Prova con
Codice:
position:ansolute;
top: xxpx;
Ma invece delle classi devi usare id
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
Il position: absolute non è sempre una buona soluzione, ti conviene ordinarli tramite javascript.
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
L'output finale quale deve essere?
Codice:
content div sopra
content div sopra
content div sotto
content div sotto
oppure
Codice:
content div sopra
content div sotto
content div sopra
content div sotto
?
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
Con jquery dovrebbe bastare una cosa di questo tipo:
HTML:
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.div-sopra').each(function(i, j) {
        $(j).insertBefore($(j).prev());
      });
      $('.div-sopra:last').insertBefore('.div-sotto:first');
    });
  </script>
 

danielloantonio

Utente Attivo
20 Lug 2012
110
0
0
Si funziona pero ora vi è venuto un dubbio! io non carico i div nella pagina letteralmente... insomma io li carico con ajax e quindi i div non sono proprio presenti nella pagina! Li ordina lo stesso? se no.... funzionerebbe se mettessi il codice javascript nella pagina da dove predo il codice ajax?
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
Se esegui il codice dopo che la richiesta ajax è stata completata non dovrebbero esserci problemi.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
E Ordinamento file decrescente PHP 5
L risolto visualizzazione e ordinamento dati PHP 1
D [ASP] ordinamento query Classic ASP 2
P [PHP] Ordinamento DB multitabellare PHP 2
D Mysql ordinamento risultati MySQL 4
P problema di ordinamento MySQL 17
M ordinamento array file txt in base al contenuto PHP 1
M Problema ordinamento array PHP 4
StarFish Ordinamento vettore C++ C/C++ 2
felino Ordinamento dinamico degli elementi visualizzati PHP 6
R ordinamento immagini con drag and drop e memorizzazione db PHP 1
Monital Rinominare le chiavi del multiarray dopo il suo ordinamento PHP 0
M Ordinamento Array PHP 3
E ordinamento array multidimensionale per un valore ottenuto tramite una funzione PHP 1
E JQRY + XML piccola rubrica con ordinamento e raggruppamento jQuery 1
P Sort di un array da ordinamento fisso PHP 4
A ordinamento PHP o MySql PHP 2
Monital Ordinamento colonne PHP 40
H Ordinamento dati da xml Flash 0
H Piccola applicazione per News con Php, Xml e Flash: problema ordinamento. XML 0
N Ordinamento in PHP PHP 5
Z query sql e script php per ordinamento dati tabella PHP 2
P Ordinamento colonne PHP 2
G Miglior ordinamento delle voci in un file css? HTML e CSS 3
M URGENTE: ORDINAMENTO LESSICOGRAFICO STRINGHE CON MERGESORT ricorsivo IN C (non C++) C/C++ 1
N Ordinamento Dati Database Classic ASP 2
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4

Discussioni simili