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. Spostare immagine footer più a sinistra
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • B
      bud User Attivo • ultima modifica di

      Spostare immagine footer più a sinistra

      Salve ragazzi,

      sto modificando il background di un sito ed arrivato al footer ho un problema.

      L'immagine che ho inserito nel footer, a sinistra parte ed ha come limite l'inizio del template.
      Quindi mettendo un immagine più larga del template questa "sborda" tutta a destra mentre a sinistra ha quel limite.

      Non penso di aver spiegato bene il problema quindi vi posto il link:
      www. lanotteeterna .com

      Osservate da dove farte l'immagine nel footer, come darle lo stesso punto di partenza dell'header ad esempio?

      Grazie anticipatamente 😉

      0 Miglior Risposta Ringrazia Cita Rispondi

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

        Potresti giocare sulle posizioni...
        background:url(......) top left;

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • B
          bud User Attivo • ultima modifica di

          Grazie per la risposta, avevo già provato a cambiare quella voce ma non so perchè non funziona.

          Posto il codice del footer:

          #footer {
          color: #999;
          clear: both;
          width: 1100px;
          height: 411px;
          overflow: hidden;
          padding:0;
          background-color: transparent;
          text-align:center;
          background-image:url('../images/footer.jpg');
          background-repeat: no-repeat;
          background-position:left top;
          overflow:hidden;Suggerimenti? :sbav:

          0 Miglior Risposta Ringrazia Cita Rispondi

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

            Intanto tiriamo via un overflow hidden che p descritto due volte. 🙂
            E userei un unico campo background del tipo.
            background:url(../images/footer.jpg) no-repeat top left;

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • B
              bud User Attivo • ultima modifica di

              Grazie ancora, ho apportato le modifiche che mi hai suggerito ed ora il codice è così:

              #footer {
              color: #999;
              clear: both;
              width: 1100px;
              height: 411px;
              overflow: hidden;
              padding:0;
              background-color: transparent;
              text-align:center;
              background:url(../images/footer.jpg) no-repeat top left;
              }
              a {
              border:none;
              }

              Ma ancora niente, l'immagine non supera quel margine, non è che si deve cambiare qualche parametro da qualche altra parte oltre che nel footer?

              Grazie ancora.

              0 Miglior Risposta Ringrazia Cita Rispondi

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

                Mmm strano...
                Tu vuoi spostare la nebulosa e farla incominciare dall'inizio del footer quindi vero?

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • B
                  bud User Attivo • ultima modifica di

                  Non è una nebulosa, ma è un riflesso della luna. 😉

                  Vorrei fare iniziare quell'immagine dall'estremo margine sinistro della pagina, quindi prima anche che inizi il footer vero e proprio.

                  In parole povere, da dove iniziano le altre immagini.

                  0 Miglior Risposta Ringrazia Cita Rispondi

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

                    E inserendo un div all'interno del div #footer al quale associ il seguente stile?
                    P:S non lo ho provato...

                    background:url(../images/footer.jpg) no-repeat top left;
                    position:absolute

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • B
                      bud User Attivo • ultima modifica di

                      Sembrerebbe funzionare!
                      Grazie mille! 🙂

                      0 Miglior Risposta Ringrazia Cita Rispondi

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

                        Mi raccomando testalo su un paio di browser... Firefox e IE almeno...

                        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