html - Styling multiple navbars css -


i've got 2 navbars here , i'm trying put 1 on top of other no success. i'm learning how style , it's more difficult thought. answers.

navbar

div.introduceyourself nav, div.introduceyourself nav ul, div.introduceyourself nav li div.introduceyourself nav {     list-style: none;     margin: 0;     padding: 0;     border: 0;     font-size: 12px;     font-family: helvetica;     line-height: 1;  }  div.introduceyourself nav ul li.category{     float: left; }  div.introduceyourself nav ul li {     float: right; }     div.stories nav, div.stories nav ul, div.stories nav li div.stories nav {     list-style: none;     margin: 0;     padding: 0;     border: 0;     font-size: 12px;     font-family: helvetica;     line-height: 1;  }  div.stories nav ul li.category{     float: left; }  div.stories nav ul li {     float: right; } 

and here html code..

<div class="introduceyourself">     <nav>         <ul>             <li class="category"><a href='/forum/introduceyourself'>introduce yourself</a></li>             <!-- need better way of adding spaces.. -->             <li class="recentpost">                 <a href='/blog/{{ recent_intro.id }}'>most recent post: {{ recent_intro.title }}</a>             </li>             <li class="totalposts"><p>number of replies: {{ total_intro }}</p></li>         </ul>     </nav>     </div>      <div class="stories">     <nav>         <ul>             <li class="category"><a href='/forum/stories'>share stories</a></li>             <li>                 {#% intro in introduce_list %#}                 <a href='/blog/{{ recent_story.id }}'>most recent story: {{ recent_story.title }}</a>                 {#% endfor %#}             </li>             <li><p>number of replies: {{ total_stories }}</p></li>         </ul>     </nav>     </div> 


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -