Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,484

    pulsante con numero di telefono da mostrare in basso nella versione mobile anche quando scrollo

    Salve a tutti

    avrei la necessità di aggiungere un pulsante in basso alla versione mobile del mio sito.

    Vorrei fare in modo che anche scrollando resti sempre fisso in basso.
    Utilizzo bootstrap 3, magari c'e' una classe che mi faccia fare questa cosa?
    Oppure come potrei fare?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,484
    sto provando con un div posizionato in basso, ho l'unico problema che il footer viene coperto.
    Vorrei metterlo in modo che il footer esca fuori da questo div e che il div stesso diventi il footer a tutti gli effetti

    uso questo codice
    codice:
    .pulsantetelefono{
    position:fixed;
    background:#00870f;
    color:#ffffff;
    font-size:16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight:bold;
    text-align: center;
    align:right;
    width:90%;
    height:55px;
    bottom:0px;
    }

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,347
    Ciao, dato che stai mettendo un'altezza fissa per quell'elemento, potresti risolvere aggiungendo al footer un padding dello stesso valore di quell'altezza. In sostanza nel footer dovresti applicare una cosa del tipo padding-bottom:55px;
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  4. #4
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,484
    ciao
    ottima soluzione!
    grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.