...

View Full Version : No bullet-points!



SteveH
05-22-2009, 03:19 PM
Hello

Is there a reason why this:


<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

nick1988
05-22-2009, 03:55 PM
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?

Jahren
05-22-2009, 04:07 PM
try



<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 (http://www.w3schools.com/CSS/pr_list-style-type.asp)

Apostropartheid
05-22-2009, 04:32 PM
No margin or padding on list-items set via CSS will probably cause this; post the rest of your code.

SteveH
05-23-2009, 10:46 AM
Thanks for your replies:

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


<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:


<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

frankle
05-23-2009, 11:23 AM
Hello

Is there a reason why this:


<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.

abduraooft
05-23-2009, 11:26 AM
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.

SteveH
05-23-2009, 01:56 PM
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

abduraooft
05-23-2009, 02:16 PM
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?

SteveH
05-23-2009, 02:21 PM
I'll upload it to a server and post back (although these pages will go on a CD and will no go online)

Thanks.

SteveH
05-23-2009, 02:42 PM
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.

abduraooft
05-23-2009, 02:51 PM
The bullets are there in both IE and FF

SteveH
05-23-2009, 03:28 PM
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

abduraooft
05-23-2009, 03:56 PM
Try adding

ul li{
list-style:disc;
} into your CSS.

_Aerospace_Eng_
05-23-2009, 04:11 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum