Problema con link nella barra di navigazione

Jakub Lemiszewski

Utente Attivo
5 Dic 2013
119
1
0
Salve,
Nella seguente barra di navigazione ho un link che mi prende tutta la barra. Praticamente dovunque clicco sulla barra sto cliccando sul link del logo.
La riga è questa:

HTML:
<a class="navbar-center navbar-brand" href="{{ URL::to('/') }}"><img src="{{ asset('_imgs/logo/logoJK.gif') }}" alt="click for home." class="img-responsive" /></a>

Quello che vorrei è che il logo rimanesse in centro sempre e che sia cliccabile. Sto utilizzando bootstrap.
Grazie dell'aiuto.

Il resto del codice:

HTML:
<div class="row">
    <section class="navigation">
        <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                       <a class="navbar-center navbar-brand" href="{{ URL::to('/') }}"><img src="{{ asset('_imgs/logo/logoJK.gif') }}" alt="click for home." class="img-responsive" /></a>

            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-left">
                    <li><a href=" {{ URL::to('/') }} ">Home</a></li>
                    <li><a href=" {{ URL::to('/about') }} ">About Us</a></li>
                    <li><a href=" {{ URL::to('/register') }} ">Register</a></li>
                    <li><a href=" {{ URL::to('/login') }} ">login</a></li>
                 </ul> <!-- NAV -->

                 <form class="navbar-form navbar-right" role="search">
                    <div class="input-group">
                        <input class="form-control" placeholder="Search" type="text">
                    </div>
                    <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
                </form>
            </div>
        </nav>
    </section> <!-- NAVBAR -->
</div> <!-- ROW -->

CSS:

Codice:
.navbar-brand {
    float: none;
  }

  .navbar-center
  {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
    height:100%;

    img {
      margin-left: auto;
      margin-right: auto;
      margin-top: -10px;
      float: none;
      width: 20px;
      height: 40px;
    }
  }
 

Oleg_Kravchenko

Nuovo Utente
24 Set 2014
4
0
0
Piazza Brembana (BG)
olegweb.eu
Buona cera!
Il tag <a> ha i classi "navbar-center navbar-brand" con il valore "width: 100%". Cosi si occupa tutta la larghezza della finestra. Questi classi meglio mettere nel tag <span> per liberare <a> cosi:

HTML:
<span class="navbar-center navbar-brand"><a href="{{ URL::to('/') }}"><img src="{{ asset('_imgs/logo/logoJK.gif') }}" alt="click for home." class="img-responsive" /></a></span>
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Aiuto: problema con il mio TP-Link range extender Reti LAN e Wireless 0
M Problema con link HTML e CSS 1
I Problema con a href link HTML e CSS 5
M problema con i link sul sito fatto in Flash Flash 2
D Problema con link e iframe dal tasto centrale HTML e CSS 3
C problema link con ul e li e validazione pagina HTML e CSS 6
M problema con Link Exchange Supporto Mr.Webmaster 0
F Problema con i link: compaiono gli indirizzi ma non si aprono HTML e CSS 1
S Problema con link pagine PHP 6
R Problema con i link PHP 4
S fckeditor - problema con link (collegamento) PHP 4
R problema con il css dei link HTML e CSS 2
E Problema con inserimenti di Link & sessioni PHP 6
E Problema con LINK nei frame [Era: Aiuto!!!!] HTML e CSS 1
P Problema con Link caricato da TXT Flash 1
L Problema strano con i link Flash 2
Y Problema con Link interni ad una interfaccia Tab Javascript 3
goldenboys4 Problema col link con URL Redirect Supporto Mr.Webmaster 4
S Problema con i tools con aggiornamento link Supporto Mr.Webmaster 4
B problema con LINK EXCHANGE Supporto Mr.Webmaster 3
S Problema con il LINK EXCHANGE Supporto Mr.Webmaster 5
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 4
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7
S Problema con mysqli_num_rows PHP 18

Discussioni simili