fun with list tags

[kengr]

Playing with CSS and I found lots of fun things you can do with the html list tags

normal list

• item
  
• item
  
• item
  

circle bullets

• item
  
• item
  
• item
  

square bullets

• item
  
• item
  
• item
  

Ordered lists:

normal list

1. item
   
2. item
   
3. item
   
4. item
   
5. item
   
6. item
   
7. item
   
8. item
   
9. item
   
10. item
    
11. item
    
12. item
    
13. item
    
14. item
    
15. item
    

leading zero list

1. item
   
2. item
   
3. item
   
4. item
   
5. item
   
6. item
   
7. item
   
8. item
   
9. item
   
10. item
    
11. item
    
12. item
    
13. item
    
14. item
    
15. item
    

Armenian list

1. item
   
2. item
   
3. item
   
4. item
   
5. item
   
6. item
   
7. item
   
8. item
   
9. item
   
10. item
    
11. item
    
12. item
    
13. item
    
14. item
    
15. item
    

Georgian list

1. item
   
2. item
   
3. item
   
4. item
   
5. item
   
6. item
   
7. item
   
8. item
   
9. item
   
10. item
    
11. item
    
12. item
    
13. item
    
14. item
    
15. item
    

Lower case Greek list

1. item
   
2. item
   
3. item
   
4. item
   
5. item
   
6. item
   
7. item
   
8. item
   
9. item
   
10. item
    
11. item
    
12. item
    
13. item
    
14. item
    
15. item
    

this is an outline

1. first item
   
   
   1. first sub-item
      
      
      1. first sub-sub-item
         
         
         1. first sub-sub-sub-item
            
            
            1. first sub-sub-sub-sub-item
               
            2. second sub-sub-sub-sub-item
               
            3. third sub-sub-sub-sub-item
               
            4. fourth sub-sub-sub-sub-item
               
            
            
         2. second sub-sub-sub-item
            
         3. third sub-sub-sub-item
            
         4. fourth sub-sub-sub-item
            
         
         
      2. second sub-sub-item
         
         
         1. first sub-sub-item
            
         2. second sub-sub-item
            
         3. third sub-sub-item
            
         4. fourth sub-sub-item
            
         
         
      3. third sub-sub-item
         
         
         1. first sub-sub-item
            
         2. second sub-sub-item
            
         3. third sub-sub-item
            
         4. fourth sub-sub-item
            
         
         
      4. fourth sub-sub-item
         
         
         1. first sub-sub-item
            
         2. second sub-sub-item
            
         3. third sub-sub-item
            
         4. fourth sub-sub-item
            
         
         
      
      
   2. second sub-item
      
      
      1. first sub-sub-item
         
      2. second sub-sub-item
         
      3. third sub-sub-item
         
      4. fourth sub-sub-item
         
      
      
   3. third sub-item
      
      
      1. first sub-sub-item
         
      2. second sub-sub-item
         
      3. third sub-sub-item
         
      4. fourth sub-sub-item
         
      
      
   4. fourth sub-item
      
      
      1. first sub-sub-item
         
      2. second sub-sub-item
         
      3. third sub-sub-item
         
      4. fourth sub-sub-item
         
      
      
   
   
2. second item
   
   
   1. first sub-item
      
   2. second sub-item
      
   3. third sub-item
      
   4. fourth sub-item
      
   
   
3. third item
   
   
   1. first sub-item
      
   2. second sub-item
      
   3. third sub-item
      
   4. fourth sub-item
      
   
   
4. fourth item
   
   
   1. first sub-item
      
   2. second sub-item
      
   3. third sub-item
      
   4. fourth sub-item
      
   
   

Comments

[morgan-gw.livejournal.com]

Nifty -- notes made. I don't see a difference between upper-alpha and upper-latin, though.

[kengr]

Well, I forgot to change those. In my HTML editor, there *is* a difference in its preview mode (which pretty much uses calls to IE, I suspect).

I think the big difference is if you are using a non-latin character set as your browser default. In that case, I bet that upper Alpha will use the default, and upper Latin will use the ISO-Latin.

http://www.w3schools.com/Css/default.asp

is where I got this and much more... I'll eventually play around with their image gallery sample.

[fayanora.livejournal.com]

The Armenian and Georgian just look like squares to me, on my laptop.

[kengr]

Not *my* fault you don't have those character sets installed on your system. :-)

Here, try these:

http://www.shadowgard.com/~shadow/chartest/windows-1252.html

Also, have fun with the files here:

http://www.shadowgard.com/~shadow/chartest/

[mistresscayenne.livejournal.com]

You have way too much time on your hands!

[kengr]

No, I stumbled across that while fixing some minor stuff for my web pages. A few minutes with cut & paste was all it took.

I paid attention when I spotted it because I'd been annoyed that I *couldn't* do outline style stuff with lists while trying to convert a printed reference to a web page.