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.
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
Post a Comment