Bonsoir all,
Je me tourne vers vous car après plusieurs heures je rends l'âme...
Je souhaits placer ma nav header sur la droite de l'écran avec un logo jusque là sa va, mais mon souci c'est que le logo doit être à gauche de ma nav et qui puisé le logo doit être par dessus la nav.
Ma nav doit être en % (je pense) car en fonction de la résolution de l'écran elle est plus ou moins longue.
J'espère avoir été clair (lol moi je me comprends même plus à force de faire des tests et des tests...)
Cordialement.
Je me tourne vers vous car après plusieurs heures je rends l'âme...
Je souhaits placer ma nav header sur la droite de l'écran avec un logo jusque là sa va, mais mon souci c'est que le logo doit être à gauche de ma nav et qui puisé le logo doit être par dessus la nav.
Ma nav doit être en % (je pense) car en fonction de la résolution de l'écran elle est plus ou moins longue.
J'espère avoir été clair (lol moi je me comprends même plus à force de faire des tests et des tests...)
Cordialement.
<header id="header" role="banner">
<h1><a href="#" id="logo"><img src="/logo.png" alt="Logo"/></a></h1>
<nav role="navigation" id="navigation">
<ul>
<li><a href="#">01</a></li>
<li><a href="#">02</a></li>
</ul>
</nav>
</header>
#header{width:100%;height:220px;}
#header h1 {position: relative;left:150px;top:30px;z-index: 999;}
#header h1 img{width:300px;height:160px;}
#header a{color:#fff;}
#header nav {background:#111;height: 60px;width:80%;position: absolute;top:57px;right:0;z-index: 1;}
#header nav ul {font:normal 1.3em 'titre_hn';margin-left: 180px;}
#header nav li{display: inline-block;padding:20px 25px 0;}
#header nav li a:hover{color:#85A842;@extend .text_shadow_nav}