Bonsoir,
Voila j'ai repris la programmation il y'a pas très longtemps et je vous cache pas que je suis perdu..
Donc voila j'ai une barre de menu ou tout a gauche j'ai mis mon titre et tout a droite j'ai mis mes onglets.
Mais sauf soucis quand j'ai rajouté mon titre lorsque je mes un padding mes onglets qui sont toutes a gauches descends aussi... ( J'utilise Bootstrap).
Je vous mets mon code et une image du résultat que j'obtiens je vous remércie d'avance !
css:
.regroupbars {
top: 0;
border-width: 0 0 1px;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.baricons {
background-color: #CC0600;
padding: 10px;
}
.iconsmenubar a {
text-decoration: none;
color: white;
padding-left: 10px;
margin-right: 7px;
}
.linksmenubar {
text-align: right;
}
.linksmenubar a {
color: white;
padding-right: 10px;
}
.menu {
float: right;
padding-top: 20px;
padding-right: 20px;
}
html:
<nav class="navbar navbar-inverse red">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div style="padding-top: 20px;"><h4>Coco-Minute</h4></div>
<div class="collapse navbar-collapse menu" id="toggle">
<ul class="nav navbar-nav">
<li><a href="<?= $base_href ?>"><i class="fa fa-home"></i> Accueil</a></li>
<li><a href="<?= $base_href ?>"><i class="fa fa-cutlery"></i> Les recettes</a></li>
<li><a href="<?= $base_href ?>"><i class="fa fa-envelope"></i> Contact</a></li>
</ul>
<?php if(isset($_SESSION['id'])) { ?>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<li>
<a href="<?= $base_href ?>user.php?pseudo=<?= $user['pseudo'] ?>"><i class="fa fa-user fa-fw"></i> <?= $user['pseudo'] ?></a>
</li>
<li style="cursor: pointer;" class="dropdown-toggle" data-toggle="dropdown">
<a>
<i class="fa fa-caret-down" ></i>
</a>
</li>
<ul class="dropdown-menu">
<li><a href="<?= $base_href ?>edit"><i class="fa fa-pencil fa-fw"></i> Éditer mon profil</a></li>
<li><a href="<?= $base_href ?>"><i class="fa fa-plus fa-fw"></i> lien classique</a></li>
<li class="divider"></li>
<li><a href="<?= $base_href ?>logout"><i class="fa fa-power-off"></i> Déconnexion</a></li>
</ul>
</li>
</ul>
<?php } ?>
</div>
</div>
</nav>
http://hpics.li/074bacd
Donc comme vous pouvez le voir je veux alligner les onglets avec le titre.
Encore merci