2014-04-22 2 views
0

html 페이지에 정렬되지 않은 목록을 쓰고 있습니다. 나는 "li"태그를위한 총알을 얻기 위해 CSS 클래스를 사용했다. 그러나 글 머리 기호가 표시되지 않고 대신 수평선이 표시됩니다. ColdFusion (.cfm) 페이지에 html 페이지를 작성하고 있습니다.순환 글 머리 기호가 html 페이지에 표시되지 않습니다.

내 HTML 페이지 :

<!DOCTYPE HTML> 

<html> 
<head> 
<title>Resource Optimization</title> 

<META NAME="resource-type" CONTENT="document"> 
<META NAME="Description" CONTENT="DEPT: RESOURCE Optimization: Index"> 
<META NAME="KeyWords" CONTENT="Departments, Index, DEPT, Resource, Management, North, Generation, Report, Reports, OATI, On, Line, Tagging, Daily, Gas, Totals, Energy, Marketing, Purchase, Sales, Schedule, Schedules, Pricing, Pathing, Optimization"> 
<META NAME="Author" CONTENT="Intranet Contruction Crew for Sierra Pacific Resources"> 
<META NAME="Reply-to" CONTENT="[email protected]"> 
<META NAME="Generator" CONTENT="ColdFusion Studio 4.0"> 
<META NAME="Copyright" CONTENT="2000 Sierra Pacific Resources"> 

<META HTTP-EQUIV="content-style-type" CONTENT="text/css"> 
<META HTTP-EQUIV="content-language" CONTENT="en-US"> 
<style type="text/css"> 
ul.list{ 
list-style-type:circle; 
} 
</style> 

</head> 

<cfinclude template="/matrix_nav_top_full_min.cfm"><br> 

<!--- <body> ---> 
<div id="page"> 
    <div class="container"> 
     <div class="container-inner">  
       <div class="page-container" > 
       <!--- <cfinclude template="/matrix_nav_top_full.cfm"> ---> 
       <!-------Resource Management DEPARTMENT INDEX PAGE----------> 
       <font style="font-family: Verdana, Arial, Helvetica; font-size: 10pt;"> 
       <div align="right" style="background-color:FFFFFF; "><strong>Keyword: RM</strong></div> 
       <div align="left" style="background-color:FFFFFF; "> 
       <!---LOKI 17129 &nbsp;&nbsp;<img src="/dept/Graphics/title_resourceMgmt.jpg" width="480" height="40" border="0" alt="Resource Management Department">---> 
       <!--- LOKI 19816&nbsp;&nbsp;&nbsp;<img src="/dept/Graphics/title_resourceProcurementOpt.jpg" width="99%" border="0" alt="Resource Procurement and Optimization">---> 
       &nbsp;&nbsp;&nbsp;<img src="/dept/Graphics/title_resourceOptimization.jpg" width="98%" border="0" alt="Resource Optimization"> 
       <hr size="3"> 
       <br> 
       <strong>Departmental Areas:</strong> 
       <ul class="list"> 
       <li><a href="/DEPT/RM/gas/index.htm">Gas Optimization</a> 
       <li><a href="/DEPT/RM/MarketPrices/index.htm">Market Prices</a> 
       <li><a href="/DEPT/RM/Reports/index.htm">Reports</a> 
       <li><a href="/DEPT/RM/STA/index.htm">Short-Term Analysis</a> 
       <li><a href="/DEPT/RM/RMN/index.htm">Short-Term Optimization</a> 
       <li><a href="/DEPT/RM/TMA/index.htm">Transaction and Market Analysis</a> 
       </ul> 
       <br><br> 
       <!--- <cfinclude template="/new_footer.cfm"> ---> 
       </div> 
       </div> 

<cfinclude template="/new_footer_rd_min.cfm">      
<!--- </body> 
</html> ---> 

나는 아래와 같은 페이지를 얻고있다. My Unordered list

어떻게 글 머리 기호를 얻을 수 있습니까?

+1

CSS를 표시 할 수 있습니까? – Amit

+1

제공된 HTML로 피들을 만들고 총알이 나타나는 것 같습니다. http://jsfiddle.net/f99n2/. 스타일에 문제가있는 것 같아요.''li'' 엘리먼트를 선택하는 CSS 코드를 제공해 주시겠습니까? – knitevision

+0

답변

1

<li> 요소는 자연스럽게 옆에 글 머리 기호가 있지만,이 속성을 무시하면 다른 대시가 표시되어 무시할 수 있습니다. 더 CSS는 당신의 바이올린에 제공되지 않기 때문에


li{ 
    list-style-type: disc; 
} 
이 바이올린에 표시되지 않습니다, 그래서 바이올린이 나타납니다 :

총알에 다시 강제로 적절한 목록 - 스타일 유형을 추가 정확히 동일하다. 요소 옆에 글 머리 기호가 있습니다. your fiddle. list-style-typemy fiddle에 적용해도 여전히 동일하게 보입니다.

+0

감사합니다. IE8과 크롬에서 작동합니다. 그러나 그것은 IE7에서 작동하지 않습니다. –

관련 문제