VSD: challenge with HTML bullet...
This is so fabulous, doing my own website. Thanks so much for a great tool for novices. That said, I'm trying to create a 10 item list (multiple words per LI) with bullet points. I discovered how to put in <UL> <L1> ...<L10></UL> in the HTML Body. When I preview, that section has no bullet points and each word is on a separate line. The font also displays in a different color, size and type than the rest of the page.
It does remind me to Settings > Additional Files > Add Files and wants an HTML object and there are tabs for HTML Header and Onload Events. I'm totally clueless on each of these, which may be the issue.
I've also discovered I can probably use DISC to create the actual bullet points but am not sure where that info goes.
Thanks very much for your assistance!
It does remind me to Settings > Additional Files > Add Files and wants an HTML object and there are tabs for HTML Header and Onload Events. I'm totally clueless on each of these, which may be the issue.
I've also discovered I can probably use DISC to create the actual bullet points but am not sure where that info goes.
Thanks very much for your assistance!
Beach Kokopelli,
In your example, you used numbers in your list. The code actually uses <li> at the begining of each item on the linst and </li> at the end of each list.
The <ul> set of tags produces a vertical list by default. Each list item will be on a separate line. The bullets are produced by the browser unless you specifically use styling to control the look of the bullets. Your code would then look something like this:
<ul>
<li>something here 1. </li>
<li>something here 2. </li>
<li>something here 3. </li>
<li>something here 4. </li>
<li>something here 5. </li>
<li>something here 6. </li>
<li>something here 7. </li>
<li>something here 8. </li>
<li>something here 9. </li>
<li>something here 10. </li>
</ul>
What you put between the list tags is up to you. You can enter images, text, anchors (links), etc.
The ul stands for un-ordered list and the li stands for list item.
If you add some styling, you can create a circle {list-style-type:circle;} or use your own image {list-style-image:url('arrow.gif');} and if you do no styles, the default is a disc (filled circle).
If you give us an idea of what you are trying to accomplish, that are many folks here that are willing to help.
In your example, you used numbers in your list. The code actually uses <li> at the begining of each item on the linst and </li> at the end of each list.
The <ul> set of tags produces a vertical list by default. Each list item will be on a separate line. The bullets are produced by the browser unless you specifically use styling to control the look of the bullets. Your code would then look something like this:
<ul>
<li>something here 1. </li>
<li>something here 2. </li>
<li>something here 3. </li>
<li>something here 4. </li>
<li>something here 5. </li>
<li>something here 6. </li>
<li>something here 7. </li>
<li>something here 8. </li>
<li>something here 9. </li>
<li>something here 10. </li>
</ul>
What you put between the list tags is up to you. You can enter images, text, anchors (links), etc.
The ul stands for un-ordered list and the li stands for list item.
If you add some styling, you can create a circle {list-style-type:circle;} or use your own image {list-style-image:url('arrow.gif');} and if you do no styles, the default is a disc (filled circle).
If you give us an idea of what you are trying to accomplish, that are many folks here that are willing to help.
Bill,
Thank you for your assistance! Think I misread whatever I looked out initially and thought Li was L1. By adding the <li> and </li> actual bullet points have appeared, which is a good thing. However, the list items still show on the web page in a small black serif font as opposed to the larger blue sans serif font I'm using on the web page, and it still shows with one word per line, as below.
* create
a
safe
place
*non
-
judgemental
*with
interest
*sense
of
humor
It should read:
*create a safe place
*non-judgemental
*with interest
*sense of humor
Am still thinking this may have something to do with what I'm supposed to put in the HTML Object line, the Header HTML and/or the reminder for Settings > Additional Files > Add Files .
Big Virtual Pats on the Back to whomever can help me through the rest of this!
Thank you for your assistance! Think I misread whatever I looked out initially and thought Li was L1. By adding the <li> and </li> actual bullet points have appeared, which is a good thing. However, the list items still show on the web page in a small black serif font as opposed to the larger blue sans serif font I'm using on the web page, and it still shows with one word per line, as below.
* create
a
safe
place
*non
-
judgemental
*with
interest
*sense
of
humor
It should read:
*create a safe place
*non-judgemental
*with interest
*sense of humor
Am still thinking this may have something to do with what I'm supposed to put in the HTML Object line, the Header HTML and/or the reminder for Settings > Additional Files > Add Files .
Big Virtual Pats on the Back to whomever can help me through the rest of this!
Beach Kokopelli,
You should be adding this with the HTML tool.
Make sure you do not set the HTML box to a narrow width (that may be your problem.
Start your unordered list like this <ul style="color:blue; font-family:'Times New Roman',Georgia,Serif;;"> You can change the font-family entries to whatever you want, and I just put blue for the color, but you can select a valid color name, or set RGB or HEX values for the colors.
You can find more information about styling fonts at: http://www.w3schools.com/css/css_font.asp
You should be adding this with the HTML tool.
Make sure you do not set the HTML box to a narrow width (that may be your problem.
Start your unordered list like this <ul style="color:blue; font-family:'Times New Roman',Georgia,Serif;;"> You can change the font-family entries to whatever you want, and I just put blue for the color, but you can select a valid color name, or set RGB or HEX values for the colors.
You can find more information about styling fonts at: http://www.w3schools.com/css/css_font.asp
Bill R
HUGE VIRTUAL PAT ON THE BACK to you!!! It was the width of the HTML box that I had missed and not made wide enough. Once I found that after reading your note, It worked great. Was also able to change the font to blue and Verdana. Thanks so much for all your assistance. I'm VERY close to going live! And I'm celebrating my accomplishment of designing my own website! Woo HOO! You CAN teach people new tricks at any age! Have a great week end.
HUGE VIRTUAL PAT ON THE BACK to you!!! It was the width of the HTML box that I had missed and not made wide enough. Once I found that after reading your note, It worked great. Was also able to change the font to blue and Verdana. Thanks so much for all your assistance. I'm VERY close to going live! And I'm celebrating my accomplishment of designing my own website! Woo HOO! You CAN teach people new tricks at any age! Have a great week end.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.