html - Horizontal Navigation Bar won't be as long as page -



horizontal nav bar won't take whole screen , i'm not sure how that. here's looks like. also, once it's done that, want image on top of nav bar, instead of above it. appreciated.

html,  body,  div,  span,  applet,  object,  iframe,  h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote,  pre,  a,  abbr,  acronym,  address,  big,  cite,  code,  del,  dfn,  em,  img,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  b,  u,  i,  center,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  article,  aside,  canvas,  details,  embed,  figure,  figcaption,  footer,  header,  hgroup,  menu,  nav,  output,  ruby,  section,  summary,  time,  mark,  audio,  video {      margin: 0;      padding: 0;      border: 0;      font-size: 100%;      font: inherit;      vertical-align: baseline;  }    nav li {      list-style-type: none;      display: inline-block;      padding: 1em;      background-color: aqua;      float: right;  }    nav {      text-decoration: none;      color: white;      background-color: black;      padding: 1em;      font-size: 1.2em;  }    img#sushi {}    nav ul {    }
<a href=""><img src="../_images/imgres.jpg" id="sushi" width="50" height="50" alt="sushi"></a>      <nav role="navigation">      <ul>          <li><a href="">home</a></li>          <li><a href="">about</a></li>          <li><a href="">contact us</a></li>      </ul>      </nav>  </body>

since lielements floated, have add overflow: auto; ul wrap floated li s (otherwise have 0px height , therefore not visible). also, have apply background color ul:

nav li {    list-style-type: none;    display: inline-block;    padding: 1em;    background-color: aqua;    float: right;  }    nav {    text-decoration: none;    color: white;    background-color: black;    padding: 1em;    font-size: 1.2em;  }    img#sushi {}    nav ul {    overflow: hidden;    background-color: aqua;  }
<a href=""><img src="../_images/imgres.jpg" id="sushi" width="50" height="50" alt="sushi"></a>  <nav role="navigation">    <ul>      <li><a href="">home</a></li>      <li><a href="">about</a></li>      <li><a href="">contact us</a></li>    </ul>  </nav>

p.s.: image link in question leads page shows nothing...


-

Comments

Post a Comment

Popular posts from this blog

cookies - Yii2 Advanced - Share session between frontend and mainsite (duplicate of frontend for www) -

i have custom members system have made: yii2 members system . can refer full details, or install can work question. i have frontend , backend yii2 provides, few modifications separate sessions/cookies backend works admin model , pulls admin table. similar old traditional member systems. mainsite clone of frontend , it's role main website. when go www.site.com or site.com . here 3 apps , example domains: mainsite = www.site.com or site.com frontend = users.site.com backend = admin.site.com when user logs in ( users.site.com/site/login ) , go homepage ( mainsite @ www.site.com ) want know logged in , show username. how frontend operates default advanced app. from have far, login , head mainsite , reads an internal server error occurred. . doesn't yii error, server error? when in yii logs under runtime, mentions access control: 2017-04-14 13:38:25 [127.0.0.1][1][-][error][yii\web\httpexception:403] exception 'yii\web\forbiddenhttpexception'...
Read more

angular - password and confirm password field validation angular2 reactive forms -

i need check whether password , confirm password fields have same value using reactive form angular2. did see lot of answers on same here, angular 2 form validating repeat password , comparing fields in validator angular2 , none seemed work me.can please help."this" undefined in validate function :( . sharing code, this.addedituserform = this.builder.group({ firstname: ['', validators.required], lastname: ['', validators.required], title: ['', validators.required], email: ['', validators.required], password: ['', validators.required], confirmpass: ['', [validators.required, this.validatepasswordconfirmation]] }); validatepasswordconfirmation(group: formgroup): any{ let valid = true; // if (this.addedituserform.controls.password != this.addedituserform.controls.confirmpass) { // valid = false; // this.add...
Read more

php - Permission denied. Laravel linux server -

when try register , send email user got error. working till yesterday. today gives me , cant figure out why. way on local testing work's. i'm stuck. please errorexception in compiled.php line 7512: file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied in compiled.php line 7512 @ handleexceptions->handleerror('2', 'file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied', '/var/www/html/bootstrap/cache/compiled.php', '7512', array('path' => '/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php', 'contents' => 'please activate account clicking on following link. <a href="<?php echo e(route('auth.activate', $token)); ?>"><?php echo e(route('auth.activate', $token)); ?...
Read more