Solved

bullets appearing outside table

Posted on 2010-08-29
3
1,073 Views
Last Modified: 2012-05-10
Hi,

For some reason bullet points in my table are appearing outside the table I want them to.
eg
http://www.lowgiweightloss.com/index-working2.html
whether I have the <ul></ul> within each td or not.

Can anyone see how I cas fix this so that the bullets stay within the inner table (and therefore inside the border) please?

Cheers
<table style="text-align: left; width: 80%;"

 align="center" border="1" cellpadding=""

 cellspacing="0">

  <tbody>

    <tr>

      <td>

      <table

 style="width: 550px; height: 130px; text-align: center;"

 align="center" border="0" cellpadding="1"

 cellspacing="1">

        <tbody>

          <tr style="color: rgb(0, 0, 0);"

 align="left">

            <td

 style="font-size: 14px; color: rgb(0, 0, 0);">

            <ul>

              <li>Why <span

 style="font-weight: bold;">diets

DON'T work</span> long-term. </li>

            </ul>

            </td>

          </tr>

          <tr style="color: rgb(0, 0, 0);"

 align="left">

            <td

 style="font-size: 14px; color: rgb(0, 0, 0);">

            <li>How you

can <span style="font-weight: bold;">say

goodbye to counting&nbsp;calories </span><span

 align="center">or&nbsp;points<span

 style="font-weight: bold;"> </span>forever.

              </span></li>

            </td>

          </tr>

Open in new window

0
Comment
Question by:lgreally
3 Comments
 
LVL 12

Accepted Solution

by:
UnexplainedWays earned 25 total points
ID: 33555363
try:

TABLE UI LI {
list-style-position:inside;
}


Also, you should strip the table and just use a UL list.
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 25 total points
ID: 33555602
Because the 'bullet' isn't included in the margin and you have margin set to 0 on everything.  I used firebug and set "li { margin-left:14px;} and it moved the bullet to just inside the <td> boundary.
0
 

Author Closing Comment

by:lgreally
ID: 33555770
thanks, both valid!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

919 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now