Adding Bullets is not easy in a table! Help please!

  • 1
  • Question
  • Updated 7 years ago
I'm trying to add bullets in a table. But when you do, the table messes up. I understand why... maybe it's fixable. When you add a bullet, the browser (or program) you are using changes it's margins to suit a bullet's indent. How can I get my border of my table to remain at the edge of the widget regardless of how my margins (bullets) change?
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
  • http://youcanneverbetoosmart.com

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Donald

Do you have an example of your table and bullets that I can look at? I'd like to see if I can work with what you have.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Yes Sanja, would you like a preview or do you want the code? If you have the code it'll probably be easiest.

Here's the code...

<!--
<DIV style="TEXT-ALIGN: center; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(93,196,211); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: red 2px solid; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px"><B><FONT color=#ff0000 size=3 face=Arial>A Few of the Many Services we Provide</FONT></B></DIV>
<UL>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Basic Lawn Maintenance such as weed eating, edging, and lawn mowing</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Cleaning up (no job too big or too small)</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Tree and Bush Trimming</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Planting (plants, annuals, perennials, and small trees/bushes</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Raking Leaves</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Gutter Cleaning</FONT></STRONG></DIV></LI>
<LI>
<DIV style="TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>Sod</FONT></STRONG></DIV></LI>
<LI>
<DIV style="BORDER-BOTTOM: red 2px solid; TEXT-ALIGN: justify; BORDER-LEFT: red 2px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: rgb(125,240,255); PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: red 2px solid; PADDING-TOP: 10px" align=left><STRONG><FONT color=#ff0000 size=2 face=Arial>and many, many more<BR><FONT size=3> </FONT><BR>(Don't see your job listed?  Call us for more information!)</FONT></STRONG></DIV></LI></UL>
-->
Photo of micheal hogan

micheal hogan

  • 37 Posts
  • 3 Reply Likes
hey,
i have a similar problem, i know its a year on but i have a text widget made up with just a few bullet points down along and when i add a border to the text, the bullet points remain outside which doesnt look right. Any help on that?thanks

micheal
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi michael

It depends on how you added the border. Try editing the HTML of the Text Widget using this code around the code with the bullets:

<div style="border: solid 1px black;">existing code goes here</div>

You can change the border color to whichever color you would like to have.

Hope that works for you!

Thank you
Nazlie