2012-06-22 5 views
0

나는 PHP와 CSS를 사용하여 이미지 갤러리를 디자인하려고합니다. 나는, 정렬되지 않은 목록 등에서정렬되지 않은 목록의 시작 글 머리 기호를 제거하는 방법

<ul style="list-style-type:none;"> 
<? 
while($data=mysql_fetch_row($result)) 
{ 
$pic=$data[2]; 
    if ($pic) 
    { 
$path="http://www.myworkdemo.com/pecifica/photos/".$pic; 
} 
?> 
<li style="list-style-type:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;"> 
<img src=<?=$path?> width=300 height=240></img> 
    <!--<td class='delete'><a href='addproject.php?ProjId=<?=$data[0]?>&action=edit' >Edit</a></td>--> 
<div class='delete'><a href='images.php?picid=<?=$data[0]?>&action=delete' class="ask">Delete</a></div> 
</li> 
</ul> 

을 이미지를 배치하고 난 모든 이미지를 가지고 있지만 하나 개의 총알 (시작)을 목록에서 제거되지 않았습니다. CSS 서식을 사용한 후 내 갤러리는

enter image description here 이며 그로 인해 첫 번째 행 이미지 정렬이 손실되었습니다. 제발 나를 안내 해줘. 아주 쉽게

+1

이 스크린 샷에 대한 링크를 제공하면 문제의 원인을 살펴볼 수있어서 기쁩니다. – GDP

+0

CSS가 클라이언트 측이므로 렌더링 된 HTML (* HTML을 생성하는 * 서버 측 스크립트가 아닌 *)을 표시 할 수 있습니까? 그리고 이상적으로 [JS Fiddle] (http://jsfiddle.net/) 또는 [JS Bin] (http://jsbin.com/)과 같은 곳에서 문제를 재현하는 라이브 데모를 게시하십시오. –

+0

또한 마우스 오른쪽 버튼을 클릭하여 'inspect'할 수 있습니다. 파이어 버그 (firebug) 나 크롬의 코드 인스펙터 (code inspector)와 같은 플러그인을 사용합니다. 인라인 태그가 무시되고 있는지를 보여줍니다. – xivo

답변

2

두 개의 CSS 파일에 있습니다. 불을 지르고와이 두 가지를 사용하지 않도록

라인 (514) http://www.myworkdemo.com/pecifica/admin/css/style1.css

.block .block_content ul li { 
    background: url("../images/li.gif") no-repeat scroll 0 7px transparent; 

라인 (523)은, http://www.myworkdemo.com/pecifica/admin/css/style.css

.block .block_content ul li { 
    background: url("../images/li.gif") no-repeat scroll 0 7px transparent; 

(실제로는 사용자 정의 GIF 파일 인) 총알을 제거. 관련 수업을 어떻게 사용하고 있는지 검토해야합니다.

2

는 : 총알이 실제로 브라우저에 의해 렌더링 된 이미지가 아닌 경우

list-style-type: none; 

또한 list-style: none;을 고려하십시오.

+1

뭔가 누락되었거나 OP에 정확히이 것이 없습니까? 또한 첫 번째 항목에만 총알이있는 이유는 여기에 설명되어 있지 않습니다. – JJJ

관련 문제