Home/ Questions/Q 8603317
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T02:17:43+00:00

I have an issue in <ul class=’nav’> <li> <a class=” href=’index.html’> Home </a> </li>

  • 0

I have an issue in 

<ul class='nav'>            
        <li>
          <a class='' href='index.html'> Home </a>
        </li>

        <li>
            <li class="dropdown">
            <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
              <li><a tabindex="-1" href="#">Action</a></li>
              <li><a tabindex="-1" href="#">Another action</a></li>
              <li><a tabindex="-1" href="#">Something else here</a></li>
              <li class="divider"></li>
              <li><a tabindex="-1" href="#">Separated link</a></li>
            </ul>
          </li>
        </li>
        </ul>

CSS code for this 

 .topbar div>ul a,  .nav a
  {display:block;float:none;outline: 0;padding:8px 6px 6px;line-height:12px;text-    decoration:none;border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;}

I just want these properties with Home and DropDown buttons only, I don’t want to have these for my tab buttons i.e. Action, Another Actions buttons. But whenever I try to edit this, the whole thing get messed up.

Please help me to solve this issue.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this code:

        <li>
      <a class='dropdown-toggle' href='index.html'> Home </a>
    </li>

    <li>
        <li class="dropdown">
        <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
          <li><a tabindex="-1" href="#">Action</a></li>
          <li><a tabindex="-1" href="#">Another action</a></li>
          <li><a tabindex="-1" href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a tabindex="-1" href="#">Separated link</a></li>
        </ul>
      </li>
    </li>
    </ul>


.dropdown-toggle
{
    display:block;
    float:none;outline: 0;
    padding:8px 6px 6px;
    line-height:12px;
    text-decoration:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
    • 0