How Can I Customize The Style Of A Bullet Using Html Coding?
Author: Cynthia G.
Visited 1587,
Followers 2,
Shared 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.
Posted on the
You have a folder full (97) of bullets in V8 Program files.... Why use HTML?
www.frankscybercafe.com
Author
I do? How do I access them?
Cynthia G.
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
Author
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.
Just thought Cynthia....
You can enable HTML in the text box and use the whitespace (SPACE) attribute on the sentance below :
www.frankscybercafe.com
Author
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  . Thanks for the reminder!
Cynthia G.