Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post

    No bullet-points!

    Hello

    Is there a reason why this:

    Code:
    <UL>
    <LI>Schedule A</LI>
    <LI>Schedule B</LI>
    <LI>Schedule C</LI>
    <LI>Schedule D</LI>
    </UL>
    ...is not showing me bullet-points?

    Cheers

    Steve

  • #2
    New Coder
    Join Date
    Mar 2009
    Location
    Milton Keynes, England
    Posts
    54
    Thanks
    4
    Thanked 4 Times in 4 Posts
    There is no reason why that alone is not showing the bullet points.

    Do you have a link where this is happening, or could you post your full mark-up and any css you have used?

  • #3
    Regular Coder
    Join Date
    May 2009
    Posts
    143
    Thanks
    14
    Thanked 1 Time in 1 Post
    try

    Code:
    <ul style="list-style-type:disc">
    <li>Schedule A</li>
    <li>Schedule B</li>
    <li>Schedule C</li>
    <li>Schedule D</li>
    </ul>
    your css is probably telling ALL ul tags to not show bullets at all.
    for other bullet types :
    Bullet Style

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    No margin or padding on list-items set via CSS will probably cause this; post the rest of your code.

  • #5
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    Thanks for your replies:

    This is that part of the code which is not showing bullets:

    Code:
    <h4><u>Mini-Title A Here</u></h4><br>
    
    <UL>
    <LI>Schedule A</LI>
    <LI>Schedule B</LI>
    <LI>Schedule C</LI>
    <LI>Schedule D</LI>
    </UL>
    However, this does show bullets:

    Code:
    <h3 class="#"></h3><br>
    
    <h4><u>Mini-Title B Here</u></h4>
    
    <UL>
    <LI>Plan A</LI>
    <LI>Plan B</LI>
    <LI>Plan C</LI>
    </UL>
    I am not sure if the <h3> tag has anything to do with it, but I am attaching the CSS style sheet, if anyone would care to look at it?

    Many thanks

    Steve
    Attached Files Attached Files

  • #6
    New Coder
    Join Date
    May 2009
    Posts
    74
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by SteveH View Post
    Hello

    Is there a reason why this:

    Code:
    <UL>
    <LI>Schedule A</LI>
    <LI>Schedule B</LI>
    <LI>Schedule C</LI>
    <LI>Schedule D</LI>
    </UL>
    ...is not showing me bullet-points?

    Cheers

    Steve



    The above code is perfectly correct. But kindly check your css, and make sure you do not mention(margin-left:0px; and margin-left:0px; ) :

    ul,li{ margin-left:0px; padding-left:0px;} ----This will hide bullet


    Try giving some value to "margin-left" or "padding-left" and check

    ul,li{ margin-left:10px; padding-left:10px;} -----This will show bullet



    Regards.

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Yes, as CyanLight indicated, you have
    html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address,
    code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
    table, caption, tbody, tfoot,
    thead, tr, th, td

    {margin: 0;

    padding: 0;

    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}
    , which is nullifying all the margins and paddings from your ul,li elements.

    Just remove those ul and li selectors from the above CSS to retain your browser defaults.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    Thanks again. OK I now have this:

    html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address,
    code,del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend,
    table, caption, tbody, tfoot,
    thead, tr, th, td


    border: 0;


    but still see no bullet-points after refreshing the page.

    There must be something else trapping it.

    Sorry, I do see tiny little round marks next to each listed item, but no proper bullets.

    Steve
    Last edited by SteveH; 05-23-2009 at 01:59 PM.

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    There must be something else trapping it.

    Sorry, I do see tiny little round marks next to each listed item, but no proper bullets.

    Steve
    Could you post a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #10
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    I'll upload it to a server and post back (although these pages will go on a CD and will no go online)

    Thanks.

  • #11
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    Hello

    This will give you some idea as to what I mean - you will need to scroll down to the list items:

    http://stevehigham59.7host.com/ImageTest//page1.html

    Thanks.

  • #12
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The bullets are there in both IE and FF
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #13
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    I have IE 8 and cannot see them. Do you mean that after the subheading After installing your anti-virus programme you can see full bullet-points in IE8? If so, my IE8 must be corrupt, but thanks for letting me know.

    Cheers

  • #14
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try adding
    Code:
    ul li{
    list-style:disc;
    }
    into your CSS.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #15
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I can see them in IE8 although they are much smaller than the other bullet points.

    I'm going to take a guess and say that you don't know how to serve the proper content-type for XHTML 1.1.

    I say this since your page is text/html when it shouldn't be. And you are using uppercase HTML which isn't XHTML. XHTML needs to be all lowercase. I bet you just picked the highest doctype in DW and used that one which you shouldn't have done. I suggest HTML Strict.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •