Visualizzazione dei risultati da 1 a 10 su 18

Visualizzazione discussione

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2016
    Messaggi
    86

    Allineamento testo-icone navbar

    Ciao a tutti ho provato a cercare ma non mi sembra di aver trovato nulla che faccia al caso mio, comunque il problema è sulla nav bar che utilizzo come menù vorrei inserire le maledette social icon, ma non riesco proprio ad allinearle al testo per farle rimanere sullo stesso piano. ecco il codice html:

    codice HTML:
    <div class="container">        
               <div class="navbar navbar-inverse navbar-fixed-top" id="my-navbar">  
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  </button>
                  <a class="navbar-brand">#carnevaledipenitro</a>
              </div>
              <div class="collapse navbar-collapse">
                  <ul class="nav navbar-nav">
                      <li class="active"><a href="#home">#home</a></li>
                    <li><a href="#intro">#lanostrastoria</a></li>
                    <li><a href="#people">#eventi</a></li>
                    <li><a href="#work">#lotteria</a></li>
                    <li><a href="#street">#contatti</a></li>
                  </ul>
                <a href="https://www.facebook.com/carnevalepenitro/?ref=hl" target="new"><img src="img/icons/Apps-Facebook-icon.png" width="21" height="21" class="icona"></a>
                    <img src="img/icons/Apps-Twitter-icon.png" width="21" height="21">
                    <img src="img/icons/Apps-Instagram-icon.png" width="21" height="21">
                    <img src="img/icons/Apps-Youtube-icon.png" width="21" height="21">
                    <img src="img/icons/Apps-Tripadvisor-icon.png" width="21" height="21">
              </div><!--/.nav-collapse -->
            
            </div>
    ed ecco il css

    codice:
    .navbar-fixed-top{width:970px; margin: 30px auto}
    .navbar {text-transform: none;background-color: #000;opacity: 0.8;background-image: none;border:none;}
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {color:#B8860B;font-weight: 300}
    .icona {
          float: left;
    }

    come potete notare ho provato anche a creare una classe "icona" ma nulla.
    Mi dareste gentilmente un aiuto?
    grazie infinite
    Ultima modifica di merovese; 03-02-2016 a 10:58

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.