Hiya, I am doing a todo list application, so I need to add text inside a box where users can change the priority of the task moving the text up and down inside the box . I have grouped the tasks in blocks of text using <g> so I can use the translate transformation to re-allocate the text inside the box. However translate doesn't allows to set units then I have overlap problems. Does anybody have an idea how to solve this?
Here is an snapshot of the current box <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="projStyle.css" type="text/css"?> <svg width="240em" height="320em" viewbox="0 0 320 240" xmlns=" http://www.w3.org/2000/svg"; version="1.1"> <g> <g id="cocoa.Box"> <rect x="1" width="8em" y="1" height="10.0em" class="bodybox"/> </g> <g id="cocoa.task" transform="translate(0,30)"> <text x="5" y="2.9em">prepare</text> <text x="5" y="3.9em">buy</text> </g> <g id="cake.task" transform="translate(0,70)"> <text x="5" y="2.9em">prepare</text> <text x="5" y="3.9em">buy</text> </g> </g> </svg> but I need to use something like: <g id="cocoa.task" transform="translate(0,3em)"> <g id="cake.task" transform="translate(0,6em)"> thanks a lot Abraham
