WebSite X5Help Center

 
James Becker
James Becker
User

Bullets don't show in an unordered list ( ul )  en

Автор: James Becker
Просмотрено 2106, Подписчики 1, Размещенный 0  

Why don't the "bullets" display in an unordered list ( ul ).

This is the code I used:

<div style="color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12pt; line-height: 1.5;">
<ul style="list-style-type:disc">
<li>Schema Therapy</li>
<li>EMDR Trainings</li>
<li>Master Class Supervision</li>
<li>ACT</li>
<li>DBT</li>
<li>Others</li>
</ul>
</div>

See attached image. There are no bullets (disc) displayed.  Ideas?

Размещено
12 Ответы - 1 Полезно
Paul M.
Paul M.
Moderator

Hello James,

Your code is not quite valid for HTML5, with some parts being deprecated, etc.

Use this code instead:

<list style="color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12pt; line-height: 1.5;">

<ul.a>

<li>Schema Therapy</li>

<li>EMDR Trainings</li>

<li>Master Class Supervision</li>

<li>ACT</li>

<li>DBT</li>

<li>Others</li>

</ul.a>

</list>

Kind regards,

Paul

Читать больше
Размещено От Paul M.
James Becker
James Becker
User
Автор

Ya Ha!! Thanks for the tip Paul M. It works.

Now one more question... how do I change the color of the "bullet/disc"? I want it the same color as the text "Work Shop."

Again... thanks for your help Paul.

Читать больше
Размещено От James Becker
James Becker
James Becker
User
Автор

Sigh Paul... When viewed from within X5 the bullets display. See attached image. But when uploaded to the inet ( http://therapist-training.jameskbtestdomain.com/ ) ... they do not display. Huh?

Читать больше
Размещено От James Becker
Paul M.
Paul M.
Moderator

The bullet points are displayed correctly when I view your webpage in my own browser, James (see the screenshot attached).

Did you clear your browser cache before testing?

Читать больше
Размещено От Paul M.
JiPeR 48
JiPeR 48
Moderator

Hello far friends,

Paul, for all purposes not visible on my computer on IE 11 and Firefox, but works fine on Chrome. Very strange...

Nice day to you, J.P.

Читать больше
Размещено От JiPeR 48
Paul M.
Paul M.
Moderator

Thank you Jiper...  interesting that the bullets are displayed in IE11 when using Compatibility View?

James, I lifted the following source code directly from your modified web page:

<list style="color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12pt; line-height: 1.5;">
<ul.a>
<li>Schema Therapy</li>
<li>EMDR Trainings</li>
<li>Master Class Supervision</li>
<li>ACT</li>
<li>DBT</li>
<li>Others</li>
</ul></div>

The closing tag I have highlighted in bold should be as follows:

</ul.a>

Читать больше
Размещено От Paul M.
James Becker
James Becker
User
Автор

HiYa Paul,

I have changed the closing UL tag to </ul.a> as you suggest.... but sitll the bullets do not display in Firefox or IE or MS Edge. Ideas?

Читать больше
Размещено От James Becker
James Becker
James Becker
User
Автор

@Incomedia...  Any ideas why bullets do not display using IE, Edge, Firefox?

Читать больше
Размещено От James Becker
James Becker
James Becker
User
Автор

Does anyone have any ideas on this issue? The bullets display when viewed with Chrome but do not display using IE, Edge, Firefox? I really need a solution to this issue.

Читать больше
Размещено От James Becker
Andre E
Andre E
Moderator

Why not instead of a bullet code use a small picture as bullet in a text object in front of your text?

You can choose the bullet colour and form and size yourself this way, and set the text yourself in any way you wish, besides that it will work in any browser.

If you search google for a good picture I suggest the wordt 'dot'  :) Else you get a lot of other bullets....

http://andreweb.nl/x5_test/bullets_jb.html

Читать больше
Размещено От Andre E
 stesil  
 stesil  
User

Hi,

James Becker
<div style="color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12pt; line-height: 1.5;"> <ul style="list-style-type:disc"> <li>Schema Therapy</li> <li>EMDR Trainings</li> <li>Master Class Supervision</li> <li>ACT</li> <li>DBT</li> <li>Others</li> </ul> </div>

You should change this:

<ul style="list-style:disc inside none;">

Читать больше
Размещено От  stesil