Best Front Page and Web Design

ScriptFX - Web page design help

Best Web Graphic program

Lists - indented/outdented
Fantastic 3D Graphics


Home    Front Page Index

This is an ordinary list as inserted by Front Page:
  • Item one
  • Item two
  • Item three

Here the list is flush with normal text:

  • Item one
  • Item two
  • Item three

And here is a mixture:

  • Item one
  • Item two and the list will stay indented when it goes over to a second or third line
  • Item three
  • Item four


This is how you do it.

To position the list add paragraph styling to the <li>. In normal view

  1. Click on Format/Style
  2. From the box that appears, select the li tag from the list.
  3. Click on modify.
  4. The box that says (name) Selector should show the letters li.
  5. Now click on the bottom button that says style and select paragraph.
  6. Where it says Indentation before text type in -28 (you may have to play around with that figure, but that sets the list as in Item three of my "Here is a mixture - based on this table having cell padding of 5). Now click OK until all the boxes have closed.
  7. Between the head tags in html view you will now see this:

    li { margin-left:-28 }
  8. Your lists will  now automatically outdent.
  9. Of course, you could just copy the above style, paste it into notepad first (pasted straight into your page could corrupt the code), then copy from notepad and paste it between the Head tags in HTML view.



back to top

Discount Templates Discount Domains Domain Reseller  Template-Layouts 
Sponsor a child    Living Kidney Donation