Float Question (ADE)

[Notjohn]

Originally Posted by Tex2002ans

div.textbox {
	background-color:#D1D3D4;
	border-bottom: 3px double;
	border-top: 3px double;
	border-left: 3px double;
	border-right: 3px double;
	padding: 1em;
	line-height: 1.7em;
	text-align: center;
}

I think it looks quite good on eink as well. Of course, you could cut out the grey background for your own purposes, and just stick with the nice box.

What does "double" accomplish here, a double line with each line 3 pixels wide?

Thanks for this!

[theducks]

Originally Posted by Notjohn

What does "double" accomplish here, a double line with each line 3 pixels wide?

Thanks for this!

double is one of the possible line styles (there are others )

[RbnJrg]

Just now I read your post. I don't know if you've already solved your problem but if you're still looking for a solution, this is mine:

1. In your .css stylesheet, write the following:

.container {
  display: block;
  margin: 1.5em 0;
  text-indent: 0;
  text-align: center;
}

.formula {
    font-family: serif; /* feel free to change this property */
    font-size: 1.2em; /* feel free to change this size */
    font-weight: normal; /* use bold here if you wish */
    font-style: italic; /* use normal here if you wish */
    padding: 0.25em 0.5em;
    background: #FFFFBF; /* change the color if you wish */
}

.number {
  float: right;
  font-family: serif; /* feel free to change this property */
  font-size: 1.2em; /* feel free to change this size */
  font-weight: bold; /* use normal here if you wish */
  padding: 0 16px 0px 10px;
  margin: 0 0 0 -0.2em;
}

p {
  font-family: sans-serif; /* feel free to change this property */
  font-size: 1em;
  margin: 0;
  text-align: justify;
  text-indent: 0;
}

p + p {
  text-indent: 1em;
}

2. In your .html file, write the following:

<p>...Some text here ... </p>

<p class="container"><span class="number">(1)</span><span class="formula">C = π r²</span></p>

<p>...Some text here ... </p>

Of course, your formulas will be different

VERY IMPORTANT: The class "number" MUST BE FIRST than class "formula". That is the key in order that the number and the formula are in a same line.

Below you can see a screenshot of my ADE and the respective epub.

Regards
Rubén

[Tex2002ans]

Originally Posted by Notjohn

What does "double" accomplish here, a double line with each line 3 pixels wide?

Thanks for this!

No problem. The different border types can be found here:

http://www.w3schools.com/cssref/pr_border-style.asp

There is also border-width:

http://www.w3schools.com/cssref/pr_border-width.asp

And here is a nice test where you can test the different types:

http://www.w3schools.com/css/tryit.a...s_border-width

Originally Posted by RbnJrg

Just now I read your post. I don't know if you've already solved your problem but if you're still looking for a solution, this is mine:

Thank you! Yes, it was solved by Agama in this topic by placing the floating number to the left of the actual formula, then floating right (just as you have).

I was planning on updating this topic the next time I took a look at that EPUB (I think my employer has it as one of the upcoming projects). I put it on hold to fix this bug, and haven't touched it since.

[eping]

When will Adobe fix this stupid bug? and many other silly ugly bugs?