Ordinamento div

D

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:
  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>!
 
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 :/
 
Prova con
Codice: 
position:ansolute;
top: xxpx;
Ma invece delle classi devi usare id
 
Il position: absolute non è sempre una buona soluzione, ti conviene ordinarli tramite javascript.
 
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
?
 
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>
 
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?
 
Se esegui il codice dopo che la richiesta ajax è stata completata non dovrebbero esserci problemi.
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.

Discussioni simili

E
Ordinamento file decrescente
Risposte
5
Visite
1K
PHP
eddie2
E
L
risolto visualizzazione e ordinamento dati
Risposte
1
Visite
1K
PHP
luigithen
L
D
[ASP] ordinamento query
Risposte
2
Visite
1K
Classic ASP
dariov
D
P
[PHP] Ordinamento DB multitabellare
Risposte
2
Visite
1K
PHP
piero60
P
D
Mysql ordinamento risultati
Risposte
4
Visite
2K
MySQL
dny18
D
P
problema di ordinamento
Risposte
17
Visite
3K
MySQL
pierom
P
M
ordinamento array file txt in base al contenuto
Risposte
1
Visite
1K
PHP
criric
criric
M
Problema ordinamento array
Risposte
4
Visite
2K
PHP
borgo italia
borgo italia
StarFish
Ordinamento vettore C++
Risposte
2
Visite
3K
C/C++
marino51
marino51
felino
Ordinamento dinamico degli elementi visualizzati
Risposte
6
Visite
1K
PHP
Longo8
Longo8
R
ordinamento immagini con drag and drop e memorizzazione db
Risposte
1
Visite
1K
PHP
criric
criric
Monital
Rinominare le chiavi del multiarray dopo il suo ordinamento
Risposte
0
Visite
1K
PHP
Monital
Monital
M
Ordinamento Array
Risposte
3
Visite
2K
PHP
Nefyt
N
E
ordinamento array multidimensionale per un valore ottenuto tramite una funzione
Risposte
1
Visite
1K
PHP
borgo italia
borgo italia
E
JQRY + XML piccola rubrica con ordinamento e raggruppamento
Risposte
1
Visite
2K
jQuery
criric
criric
P
Sort di un array da ordinamento fisso
Risposte
4
Visite
2K
PHP
php.master
P
A
ordinamento PHP o MySql
Risposte
2
Visite
1K
PHP
alessandro1997
alessandro1997
Monital
Ordinamento colonne
Risposte
40
Visite
5K
PHP
Monital
Monital
H
Ordinamento dati da xml
Risposte
0
Visite
2K
Flash
hyperoom
H
H
Piccola applicazione per News con Php, Xml e Flash: problema ordinamento.
Risposte
0
Visite
2K
XML
hyperoom
H
Alto Basso