CSS: Content left and right - in same line

chaot · 01-11-2017, 02:56 AM

Who knows a ePub2 supported CSS for to put some content left and right - in the same line?

jbacelar · 01-11-2017, 03:31 AM

You can take a look at the solution presented by RbnJrg on 24.05.13

chaot · 01-11-2017, 04:36 AM

No, that's not meant!

I havn't expressed myself comprehensively enough: There are chapters with paragraphs/texts. End of last paragraph follows (or should follow) right side in same line a Reset Bottom TOP (to the beginning of the Chapter).

JSWolf · 01-11-2017, 06:01 AM

Quote:

Originally Posted by chaot

No, that's not meant!

I havn't expressed myself comprehensively enough: There are chapters with paragraphs/texts. End of last paragraph follows (or should follow) right side in same line a Reset Bottom TOP (to the beginning of the Chapter).

If you do not mean left/right margin, then what do you mean?

fbrzvnrnd · 01-11-2017, 06:05 AM

I do not understand.

chaot · 01-11-2017, 07:31 AM

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Unknown</title>
  <link href="style_regex.css" rel="stylesheet" type="text/css"/>
</head>

<body class="bo_dy" id="top">

  <h3>Heading</h3>
  <p>[Paragraph is a few pages long]</p>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. <a href="#top"><span class="return">Top</span></a></p>

</body>
</html>

Click image for larger version

Name: return.png
Views: 194
Size: 29.8 KB
ID: 154102

return Status Quo!

Click image for larger version

Name: return (wanted).png
Views: 187
Size: 23.5 KB
ID: 154103

return (wanted) So I would like to get it!

fbrzvnrnd · 01-11-2017, 08:21 AM

try:

.return {display:block;
float:right}

in css

chaot · 01-11-2017, 12:36 PM

@fbrzvnrnd Half-way success! Bottom Top appears on right side, only one line down.

This is'nt any malheur, if no other CSS exists, I am satisfied and thank you very much.

fbrzvnrnd · 01-11-2017, 12:40 PM

Quote:

Originally Posted by chaot

@fbrzvnrnd Half-way success! Bottom Top appears on right side, only one line down.

This is'nt any malheur, if no other CSS exists, I am satisfied and thank you very much.

Uh, R U sure? I'have only tried in web browser page and it works...

chaot · 01-11-2017, 12:55 PM

Yes!

In calibre File Preview it works fine (in one line).

dwig · 01-11-2017, 12:57 PM

Quote:

Originally Posted by fbrzvnrnd

Uh, R U sure? I'have only tried in web browser page and it works...

It may work fine in most web browsers, but that is a poor test. It may possibly work in some ePub renderers, but may very well fail in many others.

There is absolutely no way to force any HTML renderer (web browser, ePub reader, ...) to do anything. All you can do is "ask politely". The renderer will do what it pleases. Many legit CSS methods aren't supported by the ePub specs, either v02 or v03. Even those that are supported by the specs aren't supported by all ePub readers.

DaleDe · 01-11-2017, 02:24 PM

I would try remove the block statement in the CSS and see what happens. It may be that the block statement is forcing a new line in some rendering engines.

Dale

fbrzvnrnd · 01-11-2017, 03:24 PM

Quote:

Originally Posted by dwig

There is absolutely no way to force any HTML renderer (web browser, ePub reader, ...) to do anything. All you can do is "ask politely". The renderer will do what it pleases. Many legit CSS methods aren't supported by the ePub specs, either v02 or v03. Even those that are supported by the specs aren't supported by all ePub readers.

Welcome to the real world. I have suggested to try two css rules that are working in normal web pages. Oblivious a ebook designer has to check that those rules are working in most relevant ebook readers. And I suggested to try because I remember I used something similar in past.

f.

01-11-2017, 02:56 AM	#1
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	CSS: Content left and right - in same line Who knows a ePub2 supported CSS for to put some content left and right - in the same line?

01-11-2017, 12:55 PM	#10
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	Yes! In calibre File Preview it works fine (in one line). Last edited by chaot; 01-11-2017 at 02:32 PM. Reason: CHANGE: also → fine

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Signature: table possible? Left and right text on same line? Wiki-Link with alt name?	Cyberman tM	Lounge	5	03-31-2014 02:05 PM
Combining Class IDs In CSS to Control Left-Indent	SeaCanary	Sigil	13	02-24-2014 01:58 PM
Bug converting html css text-indent and left-margin	bhoyt	Conversion	15	01-24-2014 07:28 PM
Line after paragraph, CSS?	Maggie-Me	Sigil	8	01-23-2011 07:43 AM
How can I make a left-justify CSS for CoolReader?	Sunspark	Astak EZReader	1	06-07-2010 11:00 AM

01-11-2017, 04:36 AM	#3
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	No, that's not meant! I havn't expressed myself comprehensively enough: There are chapters with paragraphs/texts. End of last paragraph follows (or should follow) right side in same line a Reset Bottom TOP (to the beginning of the Chapter).

01-11-2017, 06:05 AM	#5
fbrzvnrnd Fanatic Posts: 554 Karma: 400004 Join Date: Feb 2009 Device: ONYX M96	I do not understand.

01-11-2017, 08:21 AM	#7
fbrzvnrnd Fanatic Posts: 554 Karma: 400004 Join Date: Feb 2009 Device: ONYX M96	try: .return {display:block; float:right} in css

01-11-2017, 12:36 PM	#8
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	@fbrzvnrnd Half-way success! Bottom Top appears on right side, only one line down. This is'nt any malheur, if no other CSS exists, I am satisfied and thank you very much.

01-11-2017, 02:24 PM	#12
DaleDe Grand Sorcerer Posts: 11,470 Karma: 13095790 Join Date: Aug 2007 Location: Grass Valley, CA Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7	I would try remove the block statement in the CSS and see what happens. It may be that the block statement is forcing a new line in some rendering engines. Dale