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. Due immagine centrata contemporaneamente
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • vnotarfrancesco
      vnotarfrancesco ModSenior • ultima modifica di

      Cosi Katherine?

      image

      Valerio Notarfrancesco

      0 Miglior Risposta Ringrazia Cita Rispondi

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

        Esatto 😉

        Come dovrei fare?

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • vnotarfrancesco
          vnotarfrancesco ModSenior • ultima modifica di

          Allora, la prima cosa è togliere tutti quei paragrafi.
          Ogni coppia di immagini va dentro un contenitore div al quale assocerai queste regole di stile: margin: auto; text-align: center;

          Alle immagini togli la classe "alignleft" e attribuisci loro un'altra classe con lo stile margin-right: 20px;

          Dovrebbe diventare quindi:

          <div class="divimgkat">
          <img class "imgkat" src="url" alt="bla bla bla" width="223" height="159" title="bla bla bla">
          <img class "imgkat" src="url" alt="bla bla bla" width="223" height="159" title="bla bla bla">
          </div>

          Valerio Notarfrancesco

          0 Miglior Risposta Ringrazia Cita Rispondi

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

            Vediamo se ho capito bene:

            Creo un nuovo div nel css:

            #nome margin: auto;
            text-align: center;

            E poi sempre nel css

            .alignnome {
            margin-right: 20px;
            }

            E' corretto?

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • vnotarfrancesco
              vnotarfrancesco ModSenior • ultima modifica di

              Esatto.
              Solo che al div non assocerei un id ma una classe perché si ripete più volte all'interno della tua pagina, quindi non #nome ma .nome.

              Valerio Notarfrancesco

              0 Miglior Risposta Ringrazia Cita Rispondi

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

                Sembra non funzionare. Nel css ho inserito

                .nome margin: auto;
                text-align: center;

                .alignnome {
                margin-right: 20px;
                }

                Nell'articolo ho inserito

                <div class="divnome">
                <img class "nome" src="ht tp://www.vampirediaries-love.net/blog/wp-content/lg-gallery/Terza%20stagione/Episodio%2001%20stagione%203/08.jpg" alt="bla bla bla" width="223" height="159" title="bla bla bla"><img class "nome" src="ht tp://www.vampirediaries-love.net/blog/wp-content/lg-gallery/Terza%20stagione/Episodio%2001%20stagione%203/08.jpg" alt="bla bla bla" width="223" height="159" title="bla bla bla">
                </div>

                Ho sbagliato qualcosa?

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • vnotarfrancesco
                  vnotarfrancesco ModSenior • ultima modifica di

                  Ma è sempre la stessa pagina che hai indicato nel primo post (2011/08/6-nuove-still-per-lepisodio-3x01-the-birthday/)?
                  Io vedo ancora la vecchia struttura con i paragrafi e non con il div.

                  Valerio Notarfrancesco

                  0 Miglior Risposta Ringrazia Cita Rispondi

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

                    No, sto facendo le prove su una pagina prova...in cui ho inserito solo quel codice.

                    vampirediaries-love.net/prova/

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • vnotarfrancesco
                      vnotarfrancesco ModSenior • ultima modifica di

                      C'è un errore nel css perché io leggo:

                      .nome margin: auto;
                      text-align: center;

                      Mancano le parentesi graffe e il nome della classe è sbagliato. Prova così:

                      .divnome {
                      margin: auto;
                      text-align: center;
                      }

                      Valerio Notarfrancesco

                      0 Miglior Risposta Ringrazia Cita Rispondi

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

                        Funziona, almeno su Firefox. Devo provare gli altri browser ma spero non dia problemi. Grazie

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • vnotarfrancesco
                          vnotarfrancesco ModSenior • ultima modifica di

                          Prego.
                          Funziona anche con Safari su Mac. Per motivi estetici distanzierei le due immagini mettendo alla prima un margine a destra di 20px (margin-right: 20px;).

                          Valerio Notarfrancesco

                          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