CODEWITHSUNDEEP
phphtmlcss
SureshKumar Vegesna
SureshKumar Vegesna

Reputation: 1202

How to remove starting bullet of an unordered list

I am trying to design gallery of images using php and css. I have placed the images in unordered list like,

<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>

And i got all the images but one bullet(starting) was not removed from the list. my gallery after css formatting is like

enter image description here and due to that bullet i lost the alignment of first row images. please guide me.

Upvotes: 0

Views: 2716

Answers (2)

GDP
GDP

Reputation: 8178

It lies in two of your CSS files.

Line 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;

Line 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;

Disabling both of these with firebug eliminated the bullet (which is actually a custom gif file). You'll need to review how you're using the involved classes.

Upvotes: 2

user1454661
user1454661

Reputation:

Very easily:

list-style-type: none;

Also consider list-style: none; if the bullet is actually an image not rendered by the browser.

Upvotes: 3

Related Questions