0
Welcome Guest! Login
0 items Join Now

How do I indent Text with Bullets

  • How do I indent Text with Bullets

    Posted 13 years 11 months ago
    • Hey all, I've researched indenting text with bullets and I've found the answer for bullets;
      <li> text <li>

      However, I'm unable to find the HTML code for INDENTING TEXT and BULLETS ?

      I was wondering if someone knows what I should do for this ?

      Any help appreciated

      Joomla 1.5.23
      Template; Zephyr
    • Last Edit: 13 years 11 months ago by tropicaledit.
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: How do I indent Text with Bullets

    Posted 13 years 11 months ago
    • Hi, you can accomplish this effect with CSS. You have to apply a left margin or padding to your li tags, HTML alone will not do it in this case.
    • The difficult we do immediately, the impossible takes a little longer.
  • Re: How do I indent Text with Bullets

    Posted 13 years 11 months ago
    • I'm not a webmaster, just trying to format a article for my website. There's got to be an easier way than what I'm doing. See pic totally wrong.
      This image is hidden for guests.
      Please log in or register to see it.


      I tried downloading that JCE Joomla editor but it didnt download in a zip format, so I didnt want to risk installing something wrong. Also, I dont know HTML and or CSS.

      Is the JCE Editor going to help me if I get that installed. Will it automatically format my articles, indent and bullet ?

      Ok, thanks for your input and time.
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: How do I indent Text with Bullets

    Posted 13 years 11 months ago
    • I understand. Unfortunately, HTML can be unforgiving when it comes to spacing issues. The JCE Editor is just a souped up version of the regular editor, it may not help you, you can do what you need with the regular editor.

      If you want to try a basic HTML / CSS code to provide the spacing you are after here is a simple way: Either click the HTML Button or the "Toggle Editor" to go into HTML mode, you will see your content with the HTML tags. Find your opening <li> tag and replace it with:
      <li style="margin-left:40px;">
      Do that on every opening <li> tag - you can change the number 40 to whatever you like if you need more or less. Give it a shot.
    • The difficult we do immediately, the impossible takes a little longer.
  • Re: How do I indent Text with Bullets

    Posted 13 years 11 months ago
    • Thank You Cliff, believe it or not I spent a good half day on this. Thanks.

Time to create page: 0.070 seconds