1 Reply Latest reply on Oct 22, 2018 1:31 AM by daniela.villamor@aurea.com

    HTML Code for Navigation Menu Bar doesn't Work

    wildvogel

      Dear Community,

      I am creating a group for my team and would like to implement a navigation bar using the HTML widget. The code consists of simple html and css.

      Unfortunately the navigation bar isnt shown proberly, when I paste the code into the HTML widget. Could you pls help me find the issue?

       

      Thank you very much in advance.

      Manuel

       

      <html>

      <head>

      <style>

      ul.nav {

          margin-right: 300px;

          padding:0;

          list-style:none;

          height:36px; line-height:36px;

          background:#0d7963; /* you can change the backgorund color here. */

          font-family:Arial, Helvetica, sans-serif;

          font-size:13px;

      }

      ul.nav li {

          border-right:1px solid #189b80; /* you can change the border color matching to your background color */

          float:left;

      }

      ul.nav a {

          display:block;

          padding:0 28px;

          color:#ccece6;

          text-decoration:none;

      }

      ul.nav a:hover,

      ul.nav li.current a {

          background:#086754;

      }

      </style>

      </head>

      <body>

      <ul>

        <li><a href="#">Home</a></li>

        <li><a href="#">About Us</a></li>

        <li><a href="#">Services</a></li>

        <li><a href="#">Products</a></li>

        <li><a href="#">Contact</a></li>

      </ul>

      </body>

      </html>

       

      What it should look like:

      What it should look like

      What Jive delivers:

      What Jive delivers