Discussion :

[argon]

Bonjour

Je n'arrive pas à afficher une image sur la barre de navigation.

J'ai mis l'img sur la navbar-brand.

Voici le code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<nav class="navbar navbar-inverse navbar-fixed-top header-top" role="navigation">
		<div class="container">
        	<div class="navbar-header">
				 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
 
                    <a class="navbar-brand" href="#/"><img src="image/iconesite.gif" alt="erreur"/></a>
 
            	</button>
    	  </div>
 
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
 
 
    				<ul class="nav navbar-nav navbar-right">
    					<li class="active"><a href="#">Accueil</a></li>
    					<li><a href="#">Forum</a></li>
                    	<li><a href="#appropos">A propos</a></li>
    					<li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Membres<span class="caret"></span></a>
								<ul class="dropdown-menu">
                         			<li><a href="#">Connexion</a></li>
            						<li><a href="#">Inscription</a></li>          
                         		</ul>
 
                         </li>
 
      				</ul>
    </div>
  </div>
</nav>

L'image ne s'affiche quand la fenêtre est mode mobil lors des testes.

Que dois-je modifier dans le code?

A bientôt

[NoSmoking]

Bonjour,
commence par regarder le CSS associé et notamment les media queries.

[argon]

Bonjour

Mon erreur était toute simple, j'avais mal fermé la balise button

Code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<header>
	<nav class="navbar navbar-inverse navbar-fixed-top header-top" role="navigation">
		<div class="container">
        	<div class="navbar-header">
				 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<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-brand" href="#"><img alt="Brand" src="image/iconesite.png" id="logo" class="logo">
					</a>
 
 
    	  </div>
 
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
 
 
    				<ul class="nav navbar-nav navbar-right">
    					<li class="active"><a href="#">Accueil</a></li>
    					<li><a href="#forum">Forum</a></li>
                    	<li><a href="#appropos">A propos</a></li>
    					<li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Membres<span class="caret"></span></a>
								<ul class="dropdown-menu">
                         			<li data-toggle="modal" data-target="#iconnexio"><a href="#">Connexion</a></li>
            						<li data-toggle="modal" data-target="#inscription"><a href="#">Inscription</a></li>          
                         		</ul>
 
                         </li>
 
      				</ul>
    </div>
  </div>
</nav>
 
 
</header>

Mon autre soucis maintenant est d'aligner le logo vers la gauche de la barre de navigation.

Voici ce que j'ai fais dans le fichier css.

Code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 
.logo 				{					
					float:left;
					}
#logo 				{
					height:600%;
					margin-top:-15px
					}

Ca ne fonctionne pas.

Je ne souhaite pas ouvrir un nouveau post pour cela.

Pourriez-vous me dire si il y a un autre moyen pour aligner le logo vers la gauche.

Merci.

A +