HTML/CSS : Centrer le contenu d'un nav
Posté : sam. 24 oct. 2015 23:44
Bonjour bonsoir !
J'ai un petit soucis sur mon site (qui est sur un serveur de test)
J'ai mon menu permettant la navigation entre les différentes pages, mais j'ai un GROS soucis.
Je dis "gros" car j'ai déjà fait pas mal de recherches et essayer différentes solutions potentielles, mais aucune n'a fonctionné jusqu'ici...
Voici le code :
[tabs][tabs: HTML]
Tout le code présent est entièrement utile (en gros on me retire une ligne, ça me modifie vraiment l'interface graphique)
J'ai essayer avec des "text-align : center" et d'autres choses comme cela, mais sans succès... :/
Des petites idées pour m'aider s'il vous plait (oui la rime est calculée
)
J'ai un petit soucis sur mon site (qui est sur un serveur de test)
J'ai mon menu permettant la navigation entre les différentes pages, mais j'ai un GROS soucis.
Je dis "gros" car j'ai déjà fait pas mal de recherches et essayer différentes solutions potentielles, mais aucune n'a fonctionné jusqu'ici...
Voici le code :
[tabs][tabs: HTML]
Code : Tout sélectionner
[tabs: CSS]<li class="dropdown active"> <a href="index.php"> <span class="glyphicon glyphicon-home"></span> Accueil </a> </li>
<li> <a href="porteFeuille.php"> <span class="glyphicon glyphicon-list-alt"></span> Compétences </a> </li>
<li> <a href="veilles.php"> <span class="glyphicon glyphicon-eye-open"></span> Veilles </a> </li>
<li> <a href="memento.php"> <span class="glyphicon glyphicon-folder-open"></span> Memento </a> </li>Code : Tout sélectionner
[/tabs]nav{
background-color: #FFAA00; /*la couleur de fond du bandeau de navigation*/
border-radius: 10px; /*Arrondit les angles*/
padding: 0; /*Important*/
margin: auto;
border: 3px solid #000000; /*Largeur du contour - - Couleur du contour*/
width: 30%;
}
.nav > li > a:hover, .nav > li > a:focus {
color: #FFAA00; /*Couleur du texte lors du survol de la souris*/
background-color: #000000; /*Couleur de fond de l'onglet lors du survol de la souris*/
cursor: pointer;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #FFAA00; /*Couleur du texte ACTIF*/
background-color: #000000; /*Couleur de fond de l'onglet ACTIF*/
cursor: text;
}Tout le code présent est entièrement utile (en gros on me retire une ligne, ça me modifie vraiment l'interface graphique)
J'ai essayer avec des "text-align : center" et d'autres choses comme cela, mais sans succès... :/
Des petites idées pour m'aider s'il vous plait (oui la rime est calculée
)