Unordered list without bullets CSS

[WebHelpppp]

Hi,

I am documenting code and I need to indent up to 11 levels and I was thinking an unordered list without bullets would be the easiest way to do it, unless someone has a better idea.
Also, if I can take it a step further I would like the indent to increase about 4 characters for every indent.

Can someone help me with the CSS to do this?

Thank you for your help!

[devjoe]

It sounds like a bad idea but with all the mess people are having with the pre tag, and especially if you are managing indentation that deep, I can understand how you might want to do this. Maybe this:

Code: Select all

ul.indentedcode
{
    list-style-type: none;
    font-family: Courier; /* or your favorite, also set the font size, etc. */
}
ul.indentedcode li
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
ul.indentedcode ul
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4en;
    list-style-type: none;
}

[LeslieT]

I think I would approach this using tested Divs.

I haven't ever implemented this, but I plan to experiment with it because the code indentation has certainly been a conundrum in the past. I'll post an update based on the experiment.

[WebHelpppp]

Thank you for your reply. No matter how you cut it, very time consuming.

My previous work around was to open the code in NotePad++ and add an outline number to every line of code, copy and paste it into MadCap and then do a find and replace:

NotePad++ Example:
1{
2"ABCResponse": {
3"Response": {

MadCap:
Find: <p>  1},</p>
Replace: <p class="zCodeL1">}</p>

I don't have much experience using DIVs so if you come up with something please share, thanks!