Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

List-style-potsition

Posted on 2012-08-25
3
Medium Priority
?
412 Views
Last Modified: 2012-09-10
I have difficulties to display the bullet points in side on my webpage.

I have added the codes below to the CSS file:

ul.a {list-style-position:inside;}

Codes below in the html:

<ul class="a">
<ul class="a"><ol class="cms-decimal-bullet" start="1">
<li><span style="font-size: small;"><strong>&nbsp;Standard Overnight Express*</strong>&nbsp;service with guaranteed 1 day delivery by 5 pm the next business day in all 50 states for a flat rate of&nbsp;<strong><span style="text-decoration: underline;">$20.00</span></strong>. (Note: No Saturday / Sunday delivery.)</span></li>
<li><span style="font-size: small;"><strong>&nbsp;Express Saver 3 Day</strong>&nbsp;service with guaranteed 3 business day delivery anywhere in the 48 contiguous states for a flat rate of&nbsp;<strong><span style="text-decoration: underline;">$15.00</span></strong>. (Note: No Saturday / Sunday delivery.)</span></li>
<li><span style="font-size: small;"><strong>&nbsp;USPS &nbsp;Express Mail </strong><strong>service with guaranteed</strong><strong> </strong>overnight delivery to most U.S. locations for a flat rate of <strong><span style="text-decoration: underline;">$17.00</span></strong>.</span></li>

But the web pages still show the bullet point outside. Any idea?

Thanks,
0
Comment
Question by:rowfei
  • 2
3 Comments
 
LVL 61

Expert Comment

by:Julian Hansen
ID: 38332477
Please make use of the code tags to included in page code - it makes it a lot easier to read than posting into the body of the message.

In the toolbar click the code button and paste your code between the tags.

Also your code is not complete you have two opening <ul>'s and a <ol> but no closing tags for these it is not clear if that is what you intended because you are talking about bullets but this list will display numbers?

I suspect though that adding the following might help
ul.a {
  list-style-position: inside;
  padding: 0; /* ADD THIS */
}

Open in new window

0
 

Author Comment

by:rowfei
ID: 38332481
Sorry, I am really new to CSS.

Should I add the codes below in CSS or html?


ul.a {
  list-style-position: inside;
  padding: 0; /* ADD THIS */
}
0
 
LVL 61

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 38332530
The above is css and it will only work if you fix your html - you need to fix the issue with the enclosed <ol> as well.
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

580 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question