Solved

How did youtube do this?

Posted on 2014-09-15
3
90 Views
Last Modified: 2014-09-15
https://www.youtube.com/static?gl=CA&template=terms

I am trying to do what youtube did with the (A. B. C.). I used firebug in firfox to examine the code and could only find the paragraph, but not the letter that proceeds it. The A. should be next to the <ol> and <li>. I looked up the hierarchy and could not find the letter A. and B.
Thanks for your help.

aa
0
Comment
Question by:kadin
3 Comments
 
LVL 10

Assisted Solution

by:jtwcs
jtwcs earned 250 total points
ID: 40324102
They are using a styled order list.

Here's the declaration they are using for the A, B, C...

#page ol.upper-alpha {
    list-style-type: upper-alpha;
}

Open in new window

0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 250 total points
ID: 40324107
You can specify the list-style-type using CSS to set it to upper-alpha. See list-style-type reference.
<ol style="list-style-type: upper-alpha">
<li>line 1</li>
<li>line 2</li>
</ol>

Open in new window

Or you can specify using the type attribute.
<ol type="A">
<li>line 1</li>
<li>line 2</li>
</ol>

Open in new window

0
 

Author Closing Comment

by:kadin
ID: 40324116
I learn something every day. Thanks.
0

Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Html test in IIS 4 23
Show tab when enter div and change underline color 3 63
Head to not include on scroll 4 23
Do alert on select 6 14
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

829 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