Swipe right/left menu bar in html using css file

1
votes

Here, actually I'm not able to insert swipe left/right menu bar onto my website

Below are some code from which I've tried doing, but it's not been designed :

<ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">About</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">Design

Please do help me to fix this issue in my coding

2
javascripthtmlcss

2 Answers

0
votes

maybe you shold use just

float:left;

or

float:right;
0
votes

I have create the quick example for you please check this. You can solve your problem byusing css property float:left or float:right.

Here is the HTML:

<div class="container">
  <ul class="sidemenu">
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp">About</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">Design</a></li>
  </ul>
  
</div>

Here is the CSS:

<style>
.container
{
  width:100%;
  height:100%;
  background-color:#CCC;
}

.sidemenu
{
  float:right;
}
</style>

JSFIDDLE