Issues with inline lists and list style type

  • Resolved every1elsesdoinit

    (@every1elsesdoinit)


    15 years ago

    Hello all,
    I seem to be having a bit of an issue with an inline list that I’m using to create a table-like display of images. I want the images to be displayed 5 across. Before I go any further, the page is:
    https://autonomecollective.org/timi/press
    I’ve added the following to my style.css:

    #press_images ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
display: inline;
}

#press_images ul li { display: inline;
list-style-type: none;
}

    I know that some of these are redundant, but at this point i’m starting to believe in voodoo.
    The images refuse to display inline and appear just on top of eachother.
    Using firebug it seems that the CSS is indeed applying to the page, even if I’m not getting the results I want. Also, I noticed that I’m getting little double bracketed gray arrows for each item even though I’ve included list-style-type: none; I can try to assign different style types, but i always end up with these gray arrows.

    Any help would be awesome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter every1elsesdoinit

    (@every1elsesdoinit)

    I seem to have gotten rid of the gray arrows by deleting:

    .entry ul li:before, #sidebar ul ul li:before {
	content: "0BB 020";	}

    from style.css. This also removed the gray arrows from the blog page, which i am ok with.
    Still don’t know why im not getting inline.

    Michael

    (@alchymyth)

    #press_images ul li { display: inline; float: left;
list-style-type: none;
}
    Thread Starter every1elsesdoinit

    (@every1elsesdoinit)

    Aha!
    Many thanks to alchymyth for the quick fix.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issues with inline lists and list style type’ is closed to new replies.

Tags