Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Reset Help

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #41748
    djrolstad
    Participant

    When I applied the CSS reset my ul, li, and ol arent displaying like lists, unordered lists, and ordered lists. How can I put it back to default settings?

    #119813
    Andy Howells
    Participant

    Resets remove all the regular margins and list indications among reset other elements. You can either disinclude them from the rest if you want each browser to automatically style them.

    Alternatively, leave the reset and put something like the following rules after.

    For a UL it would be something like –

    ul { list-style: disc; margin-left: 15px; }

    For an OL it would be something like –

    ol { list-style: decimal ; margin-left: 15px; }

    You could go one further and sort out some line height on the LI’s –

    ul li, ol li { line-height: 1.5; }

    #119816
    djrolstad
    Participant

    I’m trying to set it back to default in my site: http://michaelajfarrellfoundation.org/foundation/?page_id=8

    doesn’t seem to be working.. I tried for about 3 hours in Chrome Developer tools and can’t figure it out

    #119818
    Andy Howells
    Participant

    Why not just remove the bits you don’t want from the reset?

    #119826
    djrolstad
    Participant

    I did that and now my navigation doesn’t work :(

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.