I'm facing an issue with the modal and nav-tabs I created. There are a couple of problems that need to be addressed.
Firstly, the tabs have excessive height and I've tried adjusting it using CSS height property, but it's not working as expected. I want to reduce the height of the tabs.
The second issue is that when a specific tab is open, the bottom border or line of that tab remains visible instead of being hidden as intended. I need help in hiding that bottom line when the tab is active.
Any assistance in resolving these issues would be greatly appreciated.
Here is an image of my modal with the tabs:
Below is the relevant code for the tabs (excluding unnecessary code):
<div class="tabbable" >
<ul class="nav nav-tabs" ><!--tabs-->
<li style="position:absolute;margin-left:0px;height:50px;" id="logintab">
<a href="#pane_login" data-toggle="tab" id="logintab_a">Login</a></li>
<li class="active" style="margin-left:70px;" id="reg_tab" >
<a href="#pane_reg" data-toggle="tab" id="regtab_a">Registration</a></li>
</ul>
<div class="tab-content"><!--login tab content-->
<div id="pane_login" class="tab-pane active">
</div>
</div>
<div class="tab-content"><!--register tab content-->
<div id="pane_register" class="tab-pane active">
</div>
</div>
</div><!--/Tabbable-->