How to put stripes in between text

JLius · 03-28-2014, 03:49 AM

Hi all

Been looking for a solution for the following problem:

Trying to convert this sort of text to display correctly in my epub:

<p>some text----------------------------------------------------------------text------------------------------------------------text-----------------------------some more text--------------------------------------text----------------------------------------------------------------------------------------------------------------------------------------------------------------text</p>

So far all attempts with border style and hr have failed. Does anyone have a solution for this?

Thanks a lot!

mrmikel · 03-28-2014, 06:44 AM

Why not just use the - key?

Of course this will all blow up when the reader increases the text size. Or is it your desire it always remain in bounds, which is not easy to do where the reader can change the text size.

How would border come into it? Or are you trying to create a box with text inside?

JLius · 03-28-2014, 07:59 AM

At first I used the - key, but that looked like crap when increasing the text size. Yes, I want it always to remain in bounds, more or les. When I use -------- I don't know where a new line begins.

That border thing was just me trying something out. I'm new to html.
Is there no way to fill a line with '-' and make it stop at text or when a new line begins?

mrmikel · 03-28-2014, 09:50 AM

This sort of thing looks like it requires a fixed layout which epub is terrible at, since it purposely designed to expand.
I think you can get some of what you want by using a table which will expand and contract if you don't specify a size. There are also some css tags starting with display table that you can fiddle with. Getting these latter to work and to display is ...interesting.

JLius · 03-28-2014, 10:46 AM

Hm, okay, I came up with another possible solution: - - - in stead of ---, that way the dashes aren't treated as one word. I'll try that out first. If it doesn't work, I'll try and figure out how that table of yours works. Thank you!

dgatwood · 04-01-2014, 09:02 PM

SVG might be a solution if you need fixed layout for a small part of your content.

JLius · 04-02-2014, 02:03 AM

Thanks, but I can't even begin to grasp what SVG is all about :-)
The spaces in between the dashes produced a good enough result though.

03-28-2014, 03:49 AM	#1
JLius Village idiot Posts: 157 Karma: 519566 Join Date: Mar 2014 Location: Belgium Device: sony PRS T-1	How to put dashes in between text Hi all Been looking for a solution for the following problem: Trying to convert this sort of text to display correctly in my epub: <p>some text----------------------------------------------------------------text------------------------------------------------text-----------------------------some more text--------------------------------------text----------------------------------------------------------------------------------------------------------------------------------------------------------------text</p> So far all attempts with border style and hr have failed. Does anyone have a solution for this? Thanks a lot! Last edited by JLius; 03-28-2014 at 10:47 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Where To Put <style type="text/css"> Code	SeaCanary	Sigil	4	01-28-2014 08:33 PM
Glo Stripes only in the sun	Ripplinger	Kobo Reader	24	07-15-2013 11:53 AM
Stars and Stripes	adoucette	Recipes	0	05-12-2012 07:15 AM
Oops! I put text txt files on Kobo Reader	fglaysher	Kobo Reader	14	05-09-2011 02:14 PM
Display shows only stripes! Please help!	Chrikow	Bookeen	27	10-17-2009 06:09 AM

03-28-2014, 06:44 AM	#2
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	Why not just use the - key? Of course this will all blow up when the reader increases the text size. Or is it your desire it always remain in bounds, which is not easy to do where the reader can change the text size. How would border come into it? Or are you trying to create a box with text inside?

03-28-2014, 07:59 AM	#3
JLius Village idiot Posts: 157 Karma: 519566 Join Date: Mar 2014 Location: Belgium Device: sony PRS T-1	At first I used the - key, but that looked like crap when increasing the text size. Yes, I want it always to remain in bounds, more or les. When I use -------- I don't know where a new line begins. That border thing was just me trying something out. I'm new to html. Is there no way to fill a line with '-' and make it stop at text or when a new line begins?

03-28-2014, 09:50 AM	#4
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	This sort of thing looks like it requires a fixed layout which epub is terrible at, since it purposely designed to expand. I think you can get some of what you want by using a table which will expand and contract if you don't specify a size. There are also some css tags starting with display table that you can fiddle with. Getting these latter to work and to display is ...interesting.

03-28-2014, 10:46 AM	#5
JLius Village idiot Posts: 157 Karma: 519566 Join Date: Mar 2014 Location: Belgium Device: sony PRS T-1	Hm, okay, I came up with another possible solution: - - - in stead of ---, that way the dashes aren't treated as one word. I'll try that out first. If it doesn't work, I'll try and figure out how that table of yours works. Thank you!

04-01-2014, 09:02 PM	#6
dgatwood Curmudgeon Posts: 629 Karma: 1623086 Join Date: Jan 2012 Device: iPad, iPhone, Nook Simple Touch	SVG might be a solution if you need fixed layout for a small part of your content.

04-02-2014, 02:03 AM	#7
JLius Village idiot Posts: 157 Karma: 519566 Join Date: Mar 2014 Location: Belgium Device: sony PRS T-1	Thanks, but I can't even begin to grasp what SVG is all about :-) The spaces in between the dashes produced a good enough result though.

Advert

Advert