How can I hide these dots

Question

Hi,

How can I hide the small dots nearby each picture in IE7 ?
http://www.sanstitre.ch/drupal/portfolio?tid[0]=38

I've tried with text-decoration:none and list-style-type:none but it didn't work.

Thanks.

Answer 1

use this one

  li{
display:inline;
}

than dot will not show in IE7.

Answer 2

It's because of

.item-list UL LI {
 ...
 list-style-type: disc;
 ...
}

defined in system.css

Answer 3

Did you put the list-style-type in the ul or li?

It should be: (afaik)

ul{ 
  list-style-type: none;
}

Other than that I used this before:

li{
  background-image: url(); /*or link to a blank image*/
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 12px;
}

It's probably not the best way, but it gets the job done :)

Additionally try this too:

li.class, li.collapsed, li.expanded {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}
ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}