jquery ui 탭 및 거대한 버튼 문제

Question

내 페이지에는 3 개의 divs가 있습니다. [A] 및 [C]에는 jquery UI가 포함되어 있습니다.

중간 div [B]에는 mapviewer 인스턴스가 포함되어 있습니다. 사이드 divs 스타일을 일치시키기 위해 나는 탭이없는 빈 탭을 만들고 탭 헤더에 href를 마스킹하는 버튼으로 내 mapviewer 도구를 추가했습니다.

JQuery와

$("#maptabs").tabs(); 
$("#zoomin").button(); 
$("#zoomout").button(); 
$("#repeat0").button(); 
$("#repeat1").button(); 
$("#boxzoom").button(); 

과 HTML :

<div class="maptab"> 
<div id="maptabs"> 
    <ul> 
     <li><div class="tls"> 
     <a href="#" id= "zoomin" onclick= "zoomIn();" >+</a> 
     <a href="#" id= "zoomout" onclick= "zoomOut();" >-</a> 
     <a href="#" id= "boxzoom" onclick= "boxzoomin();" >[]</a> 
     <a href="#" id="repeat0" name="repeat">VIEW</a> 
     <a href="#" id="repeat1" name="repeat" onclick="gotoADE();">EDIT</a> 
</div></li> 
      </ul> 
<div id="tabs-1"> 
    <div id="mapAll"> 
     <div id="mapJ"></div> 
     <div id="mouse_location" ></div> 
    </div> 
    </div> 
    </div> 
    </div> 

이제 문제는 그 마스킹하는 HREF는 80x40 픽셀 큰 극도로 큰 버튼이 나올 것입니다. 왜 그 사람이 그걸 압니까? 머리글에 탭 대신 단추가있는 탭을 만드는 것이 어리석은 생각인지 아닌지에 대한 것입니다.

나는 일반 버튼을 두지 않은 이유는 몇 가지 이유를 다시로드에 대한 페이지가 각 도구가

Answer 1

http://jsbin.com/oface4/edit

그냥

.ui-tabs .ui-tabs-nav li a { 
    padding:0px; 
} 
.ui-button-text { 
    font-size:13px; 
}