[pmwiki-users] CSS magic for right-aligned text on the same line? (progress-bar)
chr at home.se
chr at home.se
Fri Dec 9 03:03:48 CST 2005
Hi
Is there anyone here that has created some CSS to produce a block which
ends up right-aligned on the same line of text as from which the block
comes? I'm looking for something that shows up like this in this example.
First the markup.
* Bla bla (:righted to the right:)
which would look like this:
* Bla bla to the right
What I'm really doing here is a directive to generate a progress bar using
very simple ascii art and <span>. Writing some markup like this:
List of tasks and their progress
(:toc:)
Detailed list of tasks
!! Task 1 (:progress-bar 50:)
* do this
* then that
!! Task 2 (:progress-bar 75:)
as illustrated here:
http://wiki.lyx.org/test/wiki/pmwiki.php/Test/ProgressBarTest1
Note the use of the table-of-contents to create a nice list of the status
of all tasks, while having more details in each section. However, as it is
right now I need to place the progress bar as the first thing to get a
nice consistent indentation... This doesn't look so good for some
headings, and it'd be much nicer if I could make the progress bar float as
far as possible to the right side of the page. I tried fiddling some with
the CVS but couldn't get a nice result.
/C
PS. I'll place the progress-bar in the cookbook once the code has
stabilized a bit.
--
Christian Ridderström, +46-8-768 39 44 http://www.md.kth.se/~chr
More information about the pmwiki-users
mailing list