Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Problema div footer

Visualizzazione discussione

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2020
    Messaggi
    3

    Problema div footer

    Salve, scrivo per un problema relativo al footer del mio sito in progettazione, ovvero non riesco a posizionare i div uno accanto all'altro nel css.
    Questo è il css:

    codice:
    .single-footer p {
        color:#999;
        line-height: 25px;
    }
    
    
    h3 {
        font-size:18px;
    }
    
    
    .footer-top {
        background: #111;
        padding: 30px 0;
    }
    
    
    .single-footer h3 {
        font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
        color: #fff;
        letter-spacing: 3px;
        margin: 10px 0;    
    }
    
    
    .single-footer h3:before {
        content: '|';
        color: #3D9FC8;
        padding-right: 10px;
    }
    
    
    .single-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    
    .single-footer ul li {
        border-bottom: 1px solid rgba(255,255,255,0.3);
        line-height: 40px;
    }
    
    
    .single-footer ul li a {
        color: #999;
        text-decoration: none;
    }
    
    
    .single-footer ul a:hover{
        color: white;
    }
    
    
    .double-footer h3 {
        color: #fff;
        font-family: Poppins;
        text-transform: uppercase;
        margin: 10px 0;
        letter-spacing: 3px;
    }
    
    
    .double-footer h3:before {
        content: '|';
        color: #3D9FC8;
        padding-right:10px;
    }
    
    
    .double-footer a {
        background: #494848;
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 50px;
    }
    
    
    .double-footer a i {
        font-size: 20px;
        color: #fff;
        padding: 10px 12px;    
    }
    
    
    .double-footer a:hover {
        color: white;
    }
    
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .md-mb-30 {
            margin-bottom: 30px;
        }
    }
    
    
    @media only screen and (max-width:767px) {
        .sm-mb-30{
            margin-bottom: 30px;
        }
        .footer-top{
            padding: 50px;
        }
    }
    Ultima modifica di carlomarangoni; 05-02-2020 a 18:29

Tag per questa discussione

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