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.
    • 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
                                • A
                                  andreatop User Attivo • ultima modifica di

                                  si ma il width: X proprio non capisco...

                                  width: 150px; per dargli la misura del mio div e poi float: left; per allinearlo. Sto pensando forse che Laburno con quella X abbia voluto dirmi "un valore X" e io invece l'ho interpretato come asse delle ascisse 🙂

                                  bisognerebbe chiedere allo stesso Laburno, ma mi sa che abbia archiviato la discussione quando ho scritto RISOLTO.
                                  Bo aspettiamo... 🙂
                                  cmq grazie...

                                  0 Miglior Risposta Ringrazia Cita Rispondi

                                    1 Risposta Ultima Risposta
                                  • K
                                    karedas Super User • ultima modifica di

                                    width è un parametro che prende unicamente un valore numerico e il tipo di misura: pt, px , % , em.
                                    Ti ha messo la x come incognita per non dargli un valore preciso.

                                    Per l'uso del float controlla che i genitori contenenti gli elementi con questo attributo abbiano uno di questi requisiti:

                                    • Width ed height con valore determinato
                                    • Siano float anch'essi.
                                    • Abbiano all'interno e a fondo pagina un elemento con attributo "clear:both", solitamente un div vuoto.

                                    edit: ops forse era gia stato scritto + o meno tutto scusate 😢

                                    0 Miglior Risposta Ringrazia Cita Rispondi

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

                                      Nono ci hai chiarito meglio le cose! 😉

                                      Tra me e Andre con gli elementi misà che ci leghiamo! 😛

                                      0 Miglior Risposta Ringrazia Cita Rispondi

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

                                        karedas hai fatto strabene... hai chiarito la questione, grazie...
                                        ora tolgo quell'inutile width: X; dal mio css!! 🙂

                                        Vamp io mi lego, ogni tanto mi sciolgo, ma spesso proprio mi annodo!! Sono negato...

                                        ...invece ho visto te hai un bel paio di sitarelli...

                                        0 Miglior Risposta Ringrazia Cita Rispondi

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

                                          Si ma con il posizionamento degli elementi non vado spedita come vorrei! 😞

                                          0 Miglior Risposta Ringrazia Cita Rispondi

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

                                            stiamo andando in OT... 🙂
                                            finiamola qua Vamp... tanto ci troviamo in altre discussioni. Buona giornata :ciauz:

                                            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