Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. [Risolto] Posizionare i div orizzonatalmente
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • L
      laburno User Attivo • ultima modifica di

      Ciao Andreatop,
      nuove domande nuovi thread:)

      Devi dimensionare i div (width: X) e poi applichi un float:left ad ognuno.
      Ricordati poi di inserire un elemento sottostante tutti i div messi in orizzonatale, impostato con clear:both per chiudere il floating.

      :ciauz:

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • V
        vampiretta Super User • ultima modifica di

        @Laburno said:

        Ricordati poi di inserire un elemento sottostante tutti i div messi in orizzonatale, impostato con clear:both per chiudere il floating.

        :ciauz:
        Laburno mi spieghi meglio la storia dell'elemento impostato con clear both?

        Non sapevo come spiegarlo ma credo che spesso ho problema a chiudere il floating e faccio certi casini! 😢

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • V
          vampiretta Super User • ultima modifica di

          Credo di aver capito, e hai fatto felice una donna! :D:D

          Dovrebbe essere una cosa simile?

          [html]#colsin {
          float: left;
          margin-bottom: 30px; }

          #coldes {
          float: right;
          margin-top: 6px;
          margin-bottom: 30px; }

          .col { clear: both;}[/html]

          e poi nella pagina

          <div class="col"></div>

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • L
            laburno User Attivo • ultima modifica di

            Si vampiretta è così 🙂
            C'è anche un altro metodo più performante che non ti costringe ad aggiungere un elemento vuoto per dargli il clear.
            Dai una letta qui:
            http://www.positioniseverything.net/easyclearing.html

            :ciauz:

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • V
              vampiretta Super User • ultima modifica di

              Grazie mille Laburno! Sei troppo prezioso! 😄

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • A
                andreatop User Attivo • ultima modifica di

                ehyehy Vampiretta... mi rubi le discussioni... :nonono: 😉

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • V
                  vampiretta Super User • ultima modifica di

                  Scusa, era qui bella e pronta... le mie ditina hanno fatto meno fatica! 😉 😄

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • A
                    andreatop User Attivo • ultima modifica di

                    hai fatto bene 🙂
                    alla prox Vamp :ciauz:

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • A
                      andreatop User Attivo • ultima modifica di

                      Laburno...
                      nonostante abbia messo l'ultima volta [RISOLTO], ho ancora problemi con il riposizionamento orizzontale dei div.
                      L'altra volta avevo risolto ora non mi riesce di nuovo...

                      metti che io abbia 3 div orizzontali che sono uguali. Quindi uguale per tutti e 3: <div class= "tipoA">
                      se io metto nel css

                      #tipoA {
                      width: 920px;
                      width: X;
                      float: left;
                      }

                      non mi vanno orizzontali ma uno sopra all'altro... dove sbaglio? 😞

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • V
                        vampiretta Super User • ultima modifica di

                        Io sono profana, cmq io non ho messo width: X.

                        E sopratutto hai una pagina larga 3 volte 920? :():

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • A
                          andreatop User Attivo • ultima modifica di

                          😄

                          no ovviamente il mio esempio era del tutto scavolato...

                          volevo mettere in un div che è largo 920px, tanti (ho detto 3 per semplificare) div larghi tipo 150 (non 920!!! :rollo: ) come voci del menu...
                          però non mi riesce farli stare in riga... mi vanno uno sopra l'altro!

                          te (che sei profana!! 🙂 ) come hai risolto?
                          grazie...

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • V
                            vampiretta Super User • ultima modifica di

                            Io ho scritto semplicemente così:

                            [HTML].classechevuoi {float: left; width:98px; margin-left: 17px; margin-bottom: 25px;}[/HTML]

                            Ovviamente io avevo bisogno di margini precisi, insomma di ricreare una cella quasi come fosse una tabella.

                            Ma secondo me tu puoi scrivere semplicemente:

                            [HTML].classechevuoi {float: left; width:150px; }[/HTML]

                            Cmq forse se posti il codice che hai scritto è meglio. Magari ci provo su una pagina e vediamo che esce fuori.

                            E poi qualcuno ci viene a correggere! 😉

                            0 Miglior Risposta Ringrazia Cita Rispondi

                              1 Risposta Ultima Risposta
                            • A
                              andreatop User Attivo • ultima modifica di

                              allora ieri sera dovrei aver risolto...

                              
                              .topA {
                              background-color: Red;
                              border: 1px solid White;
                              margin-left: 25px;
                              width: 100px;
                              width: X;
                              float: left;
                              }
                              
                                       <!-- Begin Header -->
                                       <div id="header">
                               <div class="top">
                                    <a href="index.php?action=home" title="Home"><img src="immagini/top.gif" alt="Home"></a>
                                  </div><br><br>
                                  <div class="topA">
                                    Ciao1
                                  </div>
                                  <div class="topA">
                                    Ciao2
                                  </div>
                                  <div class="topA">
                                    Ciao3
                                  </div>
                                  <div class="topA">
                                    Ciao4
                                  </div>
                                  <br><br>
                                  <div class="topB">Ciao</div>
                                   </div>
                                   <!-- End Header -->
                              

                              unica cosa mi spiegate bene cosa fa il "float: left;"?
                              grazie

                              0 Miglior Risposta Ringrazia Cita Rispondi

                                1 Risposta Ultima Risposta
                              • V
                                vampiretta Super User • ultima modifica di

                                ma xchè width X ?

                                0 Miglior Risposta Ringrazia Cita Rispondi

                                  1 Risposta Ultima Risposta
                                • A
                                  andreatop User Attivo • ultima modifica di

                                  è quello che mi ha detto Laburno...

                                  perchè di default vanno in verticale e a me servono per orizzontale.
                                  Però con quello ora sono come dico io... 🙂

                                  0 Miglior Risposta Ringrazia Cita Rispondi

                                    1 Risposta Ultima Risposta
                                  • V
                                    vampiretta Super User • ultima modifica di

                                    Allora sto zitta se lo dice laburno siamo in una botte di ferro.
                                    E' il mio mito ormai. 😉

                                    0 Miglior Risposta Ringrazia Cita Rispondi

                                      1 Risposta Ultima Risposta
                                    • A
                                      andreatop User Attivo • ultima modifica di

                                      anche per me... sa tutto + tutto + tutto sui css! 🙂
                                      quindi... ecco brava... lecchiamogli il sedere 😄

                                      comunque vorrei capire come mai devo mettere windth: X; e float: left;
                                      vorrei capire proprio cosa fanno!
                                      Laburno mi spieghi un pochino per favore...

                                      :ciauz:

                                      0 Miglior Risposta Ringrazia Cita Rispondi

                                        1 Risposta Ultima Risposta
                                      • V
                                        vampiretta Super User • ultima modifica di

                                        Su float: left allinea l'elemento a sinistra.

                                        Invece il width: x l'ho provato ieri e non l'ho ben capito. Credo faccia si l'elemento si adatti in larghezza a seconda di cosa ci viene messo dentro.

                                        0 Miglior Risposta Ringrazia Cita Rispondi

                                          1 Risposta Ultima Risposta
                                        • A
                                          andreatop User Attivo • ultima modifica di

                                          Ma quindi dici che basterebbe l'allineamento a sx? Cioè basterebbe il float: left? Ora non sono in grado di provare che sono a lavoro, quando ho tempo provo a casa. Grazie cmq dei tuoi sforzi! 🙂

                                          0 Miglior Risposta Ringrazia Cita Rispondi

                                            1 Risposta Ultima Risposta
                                          • V
                                            vampiretta Super User • ultima modifica di

                                            Per allineare un elemento a sinistra si, basta il float: left. Però se ti serve di dargli una misura specifica devi per forza usare il width.

                                            0 Miglior Risposta Ringrazia Cita Rispondi

                                              1 Risposta Ultima Risposta
                                            Caricamento altri post
                                            Rispondi
                                            • Topic risposta
                                            Effettua l'accesso per rispondere
                                            • Da Vecchi a Nuovi
                                            • Da Nuovi a Vecchi
                                            • Più Voti