Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

List order defined by character 1

Status
Not open for further replies.

OfficeAnimal

Technical User
Jun 4, 2009
277
AU
Does HTML 4 have an ordered list in which the paragraphs are identified by characters? Something like:

a. blah blah blah;
b. nag nag nag;
c. whinge whinge whinge.

I see it being used as a sub-list:

1. pontificate pontificate pontificate;
a. blah blah blah;
b. nag nag nag;
c. whinge whinge whinge.
2. beatify beatify beatify;
...
 
Yup.

Using CSS, give the <ol> a alphabetic style such as:

Code:
ol{
list-style-type: lower-alpha;
}



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
You can also use the power of CSS to enforce your desired mixture of numbers and letters:
Code:
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
with yur HTML looking like this:
Code:
<ol>
<li>pontificate pontificate pontificate;
<ol>
<li>blah blah blah;</li>
<li>nag nag nag;</li>
<li>whinge whinge whinge.</li>
</ol>
</li>
<li>beatify beatify beatify;</li>
</ol>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Hi Chris and Phil

Still a bit puzzled about this.

In my style sheet I have:
OL OL
{
list-style-type: lower-alpha;
}

In my HTNL 4.0 HEAD I have:
<LINK REL="stylesheet" TYPE="text/css" HREF="./css/2009-Screen.css" MEDIA="screen">

and the code

<OL>
<LI>pontificate pontificate pontificate;</LI>
<OL>
<LI>blah blah blah;</LI>
<LI>nag nag nag;</LI>
<LI>whinge whinge whinge.</LI>
</OL>
<LI>beatify beatify beatify;</LI>
</OL>

and I get

1. pontificate pontificate pontificate;
1. blah blah blah;
2. nag nag nag;
3. whinge whinge whinge.
2. beatify beatify beatify;

Hmmmmm ... I obviously haven't got the trick [sadeyes]
 
Hi

Well, it works for me.

Are you sure the CSS file is loaded ?

If you have a publicly accessible version of that page, posting its URL would be great. Otherwise we can only make guesses.


Feherke.
 
The prize for observation goes to Vragabond.
The lurking </LI> tag was the problem.

Thanks to you all.
 
Hi TrojanWarBlade

As the Greeks, beloved of Trojans, well knew: the greatest prize is that other people know.

Well, anyway - here's the gong [medal].
 
Hi

Well, I feel that Vragabond's answer should be marked as helpful in the designated way, with a star, so the searchers will see the mark in the thread lists.

That is because I observed that markup error before my post at 28 Jul 09 5:56, but I ignored it while it works with Gecko ( FireFox, SeaMonkey, Epiphany, Galeon ), Presto ( Opera ), KHTML ( Konqueror ) and WebKit ( Midori, Arora ). So I learned something.

Feherke.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top