I am trying to add circular bullet points. I have found the following HTML on a number of sites but nothing appears. Does anyone have any suggestions on how to apply circular bullet points.
<div id="registerbenefitspagecontent">
<ul type=”circle”>
<li>Expose your work to millions of homeowners researching ideas and professionals</li>
<li>Store your entire photo portfolio for free</li>
<li><Use our online tools to communicate with clients and prospective clients</li>
</UL>
</div>
Brilliant thanks, I can now add circles or another shape such as a square however the bulletpoint appears outside the DIV the List is in. (registerbenefitspagecontent)
I have tried different configurations of the HTML but that has no affect.
<div id="registerbenefitspagecell">
<div id="registerbenefitspageheader">
How can you benefit from EventVital?
</div>
<div id="registerbenefitspagecontent">
<li>Expose your work to millions of homeowners researching ideas and professionals</li>
<li>Store your entire photo portfolio for free</li>
<li>Use our online tools to communicate with clients and prospective clients</li>
</div>
</div>
#registerbenefitspagecontent{
float:right;
width:98%;
padding-top: 3px;
padding-bottom: 3px;
font-family:helvetica, geneva, sans serif;
font-size:0.9em;
}
li {
list-style-type: disc;
}
I’ve tried playing about with it, I have like this now but nothing appears. I take it I should be doing it differently?
<div id="registerbenefitspagecontent">
<ul>
<li>Expose your work to millions of homeowners researching ideas and professionals</li>
<li>Store your entire photo portfolio for free</li>
<li>Use our online tools to communicate with clients and prospective clients</li>
</ul>
</div>
#registerbenefitspagecontent{
float:right;
width:98%;
padding-top: 3px;
padding-bottom: 3px;
font-family:helvetica, geneva, sans serif;
font-size:0.9em;
}
li {
list-style-type: disc;
list-style-type: inside;
}
Do you mean no bullets appear? The HTML and CSS are fine, so chances are you have zeroed out the default UL styles with a reset. So try adding this in:
#registerbenefitspagecontent ul {
padding-left: 20px;
}
Thats right no bullets appear. I added the padding which moves it across but the bullet points still do not appear.
Is there any template code for this? Is it widely used?
<div id="registerbenefitspagecontent">
<ul>
<li>Expose your work to millions of homeowners researching ideas and professionals</li>
<li>Store your entire photo portfolio for free</li>
<li>Use our online tools to communicate with clients and prospective clients</li>
</ul>
</div>
#registerbenefitspagecontent{
float:right;
width:98%;
padding-top: 3px;
padding-bottom: 3px;
font-family:helvetica, geneva, sans serif;
font-size:0.9em;
}
#registerbenefitspagecontent ul {
padding-left: 20px;
}
li {
list-style-type: disc;
list-style-type: inside;
}
Can you show us your entire CSS code and not just the snippet for that particular element? There might be a specificity issue where one rule overwrites the other…