User Name
Password
AppleNova Forums » Genius Bar »

CSS: Looking for legal listing style


Register Members List Calendar Search FAQ Posting Guidelines
CSS: Looking for legal listing style
Thread Tools
Kickaha
Likes his boobies blue.
 
Join Date: May 2004
Location: Hell
 
Old 2006-05-29, 13:13

Man, I need to stop writing raw HTML in vi, y'know?

Looking for a way to do a list like:

Code:
1 First major item 1.1 First sub item 1.2 Second sub item 2 Second major item 2.1 First sub item 2.2 Second sub item
I thought the following snippet (from Sec 12.5.1 of here) would do it, but the numbers are simply not there in Safari:

Code:
<style type="text/css" media="screen"> /* <![CDATA[ */ OL { counter-reset: item } LI { display: block } LI:before { content: counters(item, "."); counter-increment: item } /* ]]> */ </style> .... <ol> <li> First major item <ol> <li> First sub item <li> Second sub item </ol> <li> Second major item <ol> <li> First sub item <li> Second sub item </ol> </ol>
Me no CSS monkey.

Edit: Changing display: block to display: marker enables visibility of numerals... but they're just the standard numbering, no nesting. Does Safari not support counters()?

My other brain is hung like a horse too.
#IRC isn't old school.
Old school is being able to say 'finger me' with a straight face.

Last edited by Kickaha : 2006-05-29 at 13:27.
Kickaha is offline   quote
chucker
 
Join Date: May 2004
Location: near Bremen, Germany
Send a message via ICQ to chucker Send a message via AIM to chucker Send a message via MSN to chucker Send a message via Yahoo to chucker Send a message via Skype™ to chucker 
Old 2006-05-29, 13:26

If I'm not mistaken, the implementation of counter (and related properties) is very limited in most engines, except for Opera. The reason, IIRC, is that the implementation will be largely different in CSS3.
chucker is offline   quote
Kickaha
Likes his boobies blue.
 
Join Date: May 2004
Location: Hell
 
Old 2006-05-29, 13:33

Well crap. Never trust a browser to do LaTeX's job.

Edit: Yup, after some digging, it appears that counter() and counters() simply don't do jack. I can set the content: property just fine, but just not to anything using a counter. Anyone know how to get a good errors message out of Safari when it runs across something it doesn't like? DOM/Render/View trees don't really do it.

My other brain is hung like a horse too.
#IRC isn't old school.
Old school is being able to say 'finger me' with a straight face.

Last edited by Kickaha : 2006-05-29 at 14:39.
Kickaha is offline   quote
Posting Rules Navigation
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Reply

Forum Jump
Thread Tools
Similar Threads
Thread Thread Starter Forum Replies Last Post
Validating CSS from Wordpress Jason Programmer's Nook 7 2005-11-21 20:13
Using CSS ast3r3x Genius Bar 3 2005-11-03 09:38
CSS : substituting images for text drewprops Genius Bar 3 2005-04-06 07:13
CSS question. Wickers Genius Bar 33 2005-01-04 15:49


« Previous Thread | Next Thread »

All times are GMT -5. The time now is 01:32.


Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Copyright ©2004 - 2012, AppleNova
AppleNova Slim