Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Come rendere footer responsive

    Buongiorno, sono completamente ignorante sorry, avrei bisogno di riuscire a rendere un footer "responsive" cioè leggibile correttamente anche da tablet e smartphone, qui sotto metto il codice CSS e HTML creato (pasticciatissimo).
    Qualcuno riesce a dirmi cosa devo scrivere per farlo ?

    codice HTML:
    <div class="splitmio"><div><h5 style="text-align: left;"><span style="color: #ffffff;">DOVE  SIAMO</span></h5><p><span style="color: #d4d4d4;">testo</span></p><p><span style="color: #d4d4d4;">testo</span></p><p><span style="color: #d4d4d4;">testo</span></p></div><div><h5 style="text-align: left;"><span style="color: #ffffff;">CONTATTI</span></h5><p><span style="color: #d4d4d4;">testo</span></p><p><span style="color: #d4d4d4;">Indirizzo e-mail : </span><span style="text-decoration: underline;"><a href="mailto:info@.com"><span style="color: #d4d4d4; text-decoration: underline;">info@.com</span></a></span></p><p><span style="color: #d4d4d4;">Siamo anche su Facebook </span><span style="text-decoration: underline;"><span style="color: #d4d4d4; text-decoration: underline;"><a href="https://it-it.facebook.com/" target="_blank"><img src="http://img/cms/Facebook3.jpg" alt="" width="26" height="26" /></a></span></span></p></div><div><h5 style="text-align: left;"><span style="color: #ffffff;">ORARIO  UFFICI</span></h5><p><span style="color: #d4d4d4;">Siamo aperti dal Lunedì al Venerdì</span></p><p><span style="color: #d4d4d4;">h. 08:30 - 13:00 / 14:00 - 17:30</span></p></div><div class="”clearer”"></div></div>
    
    ******
    
    #tmfootercms_block .splitmio div{    float: left;    width: 33%;    width: 33%;    width: 33%;    padding: 0 2%}
    Così come è le informazioni vengono disposte su 3 colonne ma funziona solo per PC, mentre per tablet viene visualizzato male.


    PS. Il resto del sito è già responsive
    Ultima modifica di NNGNews; 10-02-2016 a 11:42
    http://www.kissene.com

  2. #2
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541
    Farei così
    #tmfootercms_block .splitmio
    {
    width: 100%;}Qui di width ne basta una sola
    #tmfootercms_block .splitmio div{ float: left; width: 33%; padding: 0 2%}

    Però si dovrebbe vedere tutto il codice nel contesto.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.