2013-10-13 2 views
0

내 UL 중 하나가 올바르게 표시되지 않습니다. 그것은 인라인을 표시하고 총알도 표시하지 않습니다.ul에 글 머리 기호가 표시되지 않습니다.

이 문제는 내 탭 인터페이스에서 사용되는 div에만 엄격하게 격리된다는 것을 알고 있습니다. 나는 또한 위의 계층 구조로 인한 것이라고 가정합니다. (.tabs li은 '인라인'으로 표시합니다.) 삭제하면 탭 인터페이스가 엉망입니다. div를 가로로 유지하고 div 상자 안의 목록을 블록으로 표시하려면 어떻게해야합니까?

감사합니다.

CSS

.basics ul {font-family:terminal; 
     font-size:9px; 
     text-transform:uppercase; 
     color:gray; 
     padding:0px; 
     display:block; 
     } 


    li.basics { list-style-image: url('/bullet.png'); 
     } 

    ul b {font-family: terminal; 
    font-size: 8px; 
    text-transform:uppercase; 
    color:#fff3a2; 
    font-weight:lighter; 
    } 


    div.tabs { 
      padding:15px; 
      width:760px; 
      background:#000; 
      color:#fff; 
      border-radius: 0em 4em 1em; 
      -moz-border-radius: 10px; 
      margin-left:3px; 
      height:200px; 
      overflow: auto; 
} 
    ul.tabs { 
    padding:0; 
    margin:0; 
    margin-top:10px; 
    margin-left:3px; 
    } 


     .tabs li { 
      list-style:none; 
      display:inline; 
     } 

와 HTML 코드 : 내가 제대로 질문을 이해 해요 경우

<ul class='tabs'> 
<li><a href='#tab1'>BASICS</a></li> 
<li><a href='#tab2'>BIOGRAPHY</a></li> 
<li><a href='#tab3'>RANDOM</a></li> 
<li><a href='#tab4'>NPCs</a></li> 
    </ul> 


    <div id="tab1" class="tabs"> 

<ul class="basics"> 
<li><b>Full Name:</b> 
<li><b>DOB:</b> 27 May 1985; 28 YRS </li> 
<li><b>Birthplace:</b>Olinda, Brasil</li> 
<li><b>Nationality:</b>Brazilian, French, & American</li> 


</ul> 
+1

div에'tabs' 클래스 이름도 지정하는 이유는 무엇입니까? 그리고 당신이 사용하고있는 플러그인 – PSL

답변

관련 문제