Quote:
Originally Posted by charleski
Add the following to your css:
span.hide { visibility: hidden }
then place the following at the points where you want long urls to wrap to the next line:
<span class="hide">& shy;</span>
(again, remove the space between the '&' and the 'shy').
|
To create clickable links (rendered with a monospaced font) for reading systems that support web browsing, I have used code like this:
Code:
<a href="http://www.example.com/my/dir/ectory"><tt>http://www.example.com/<span class="hide">& shy;</span>my/<span class="hide">& shy;</span>dir/<span class="hide">& shy;</span>ectory</tt></a>
This correctly splits long URLs at line ends on my Opus. However, the device renders as underlined only the last part of the split URL, i.e. "ectory" in this example. And the whole URL uses the default ebook text font, not the monospaced one.