Home » » html sidebar code

html sidebar code

Posted by Emon Iskandar Posted on August 10, 2017 with No comments
more tutirial need visit this site:::: https://blackword00.blogspot.com/







  <!DOCTYPE html PUBLICE "-//w3c//dtd xhtml 1.0 transient1//en" "http://www.w3.org/tr/xhtml/btd/xhtml-transient.dtd")
  <html xmlns="http://www.org//1999/xhtml">
      <head>
          <meta http-equiv="content-type" content="text/html; charset=utf-8" />
          <title>emon iskandar</title>
          <link type="text/css" rel="stylesheet" href="style.css"/>

<style>








@charset "utf-8";
/* css Document */

#menu ul
{
  list-style:none;
}
#menu ul li
{
 background-color:red;
 border:1px solid white;
 width:120px;
 height:35px;
 line-height:35px;
 text-align:center;
 float:left;

 position:relative;

}

#menu ul li a
{
    text-decoration:none;
    color:white;
    display:block;
}
#menu ul li a:hover
{
    background-color:green;


}
#menu ul ul
{
  position:absolute;
  display:none;

}

#menu ul li:hover > ul
{
display:block



}
#menu ul ul ul

{
margin-left:75px;
margin-bottom:100px;
margin-top:0px;
margin-right:100px;


}





















</style>







          </head>
          <body>
              <div id="menu">
                  <ul>
                      <li><a href="https://emoniskandar.blogspot.com">HOME</a></li>
                      <li><a href="https://emoniskandar.blogspot.com">ABOUT</a></li>
                      <li><a href="#">NEWS</a>
                      <ul>
                            <li><a href="#"> বাংলাদেশ </a></li>
                            <li><a href="#">আন্তর্জাতিক</a></li><li>
                              <li><a href="#">অর্থনীতি</a></li>
                              <li><a href="#">খেলা </a>
                                  <ul>
                                      <li><a href="#">ক্রিকেট</a></li>
                                          <li><a href="#">ফুটবল</a></li>
                                              <li><a href="#">টেনিস</a></li>
                                                  <li><a href="#">সাক্ষাৎকার</a></li>




                                  </ul>



                                  </li>
                              <li><a href="#">বিনোদন</a>
                                  <ul>
                                   <li>
                                    <a href="#"> none </a>


                                   </li>


                                  </ul>


                              <li><a href="#">বিজ্ঞান ও প্রযুক্তি</a></li>

                      </ul>

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

                      <ul>
                           <li><a href="#"</a>bangladesh</li>


                      </ul>





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

                  </ul>
                  </div>

          </body>
          </html>

0 মন্তব্য(গুলি):

Post a Comment