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.
    • 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