WebSite X5Help Center

 
Cynthia G.
Cynthia G.
User

How Can I Customize The Style Of A Bullet Using Html Coding?  en

Auteur : Cynthia G.
Visité 1605, Followers 2, Partagé 8  

Hi,

I would like to customize the style of bullets with html code. I tried creating an html object, but that didn't work. I tried enabling html coding on one of the pages I created, but that didn't work either. This is the code I'm trying to use:

ul {

list-style-type: none;

padding: 0px;

padding-left: 10px;

margin: 0px;

}

li {

background-image: url(infi.jpg);

background-repeat: no-repeat;

background-position: 0px 2px;

padding: 0px;

padding-bottom: 0px;

padding-left: 30px; }

How do I do this?

Thank you.

Cynthia G.

Posté le
6 RéPONSES
Cheeky Man
Cheeky Man
User

Wink

You have a folder full (97) of bullets in V8 Program files.... Why use HTML?

www.frankscybercafe.com

Lire plus
Posté le de Cheeky Man
Cynthia G.
Cynthia G.
User
Auteur

I do?  How do I access them?

Cynthia G.

Lire plus
Posté le de Cynthia G.
Cheeky Man
Cheeky Man
User

Wink

Insert a picture inside of a text box at the beginning of your item by going to:

C:/Program Files/Website X5 V8 - Evolution/Bullets..... Take your pic Cynthia!!

You can use these for the sub - menu buttons too...... Advanced Settings in X5

PS: They didn't put the bullets in V9 so if you are changing over I suggest making a copy of these as well as other image files from V8!!!

www.frankscybercafe.com

Lire plus
Posté le de Cheeky Man
Cynthia G.
Cynthia G.
User
Auteur

Hi and Happy New Year!

I tried inserting a symbol into the text box as an image, but when the bulleted text is longer than one line, the second line is placed under the bullet, rather than justified with the beginning of the text on the first line.  Any ideas?

Cynthia G. 

Lire plus
Posté le de Cynthia G.
Cheeky Man
Cheeky Man
User

Wink

Just thought Cynthia....

You can enable HTML in the text box and use the whitespace (SPACE) attribute on the sentance below :   

www.frankscybercafe.com

Lire plus
Posté le de Cheeky Man
Cynthia G.
Cynthia G.
User
Auteur

Hi,

I solved the problem with a combination of approaches.  Since the bullet style I wanted to use didn't exist in the files, I enabled html coding in the text object box, copy and pasted the symbol from a Word document, and used html coding within the text box. (Due to formatting issues, I was unable to use an html object box). 

So, on one page, I created a table within the text object box as follows:

<table><colgroup valign="top"><col width="5%"><col width="95%"><rowspan=2><tr><td>SYMBOL<td>TEXT<tr><td>SYMBOL<td>TEXT<tr><td>SYMBOL<td>TEXT<tr><td>SYMBOL<td>TEXT<tr><td>SYMBOL<td>TEXT<tr><td>SYMBOL<td>TEXT</td></tr></table>

On a different page, for some reason this approach didn't produce the spacing I wanted between the bullet symbol I used and the text.  So, I used &nbsp.  Thanks for the reminder!

Cynthia G.

Lire plus
Posté le de Cynthia G.