Need Help

[hythamhhl]

First am sorry if this is not the place for this (am new & total newbie)

my problem is this
i downloaded some epubs and found the following problem

there is a border around some texts and when i read them on my mobile
not all the text shows



when i open them on Sigil this is what i get



is the a way to remove the border and make it a normal text
i can make it one by one but it will take forever to finish
i need a way to do the entire file

can someone help me please

thank you all in advance

[Turtle91]

From your screen shot there doesn't appear to be anything wrong. There are no cut-off words in the first example. It appears that this is simply the styling selected by the book designer to indicate special types of communication: the first is the computer (or VR system) passing messages to the player, the second is highlighting a list of benefits.

If you think there is something wrong, we would need to see the code view, and the css to determine the issue. However, in my experience, that style of book is made by authors that don't know how to code efficiently/effectively or without massive amounts of code-bloat. I've had to return a couple of those books because they were so over bloated that it massively slowed down my very-capable reading system.

[hythamhhl]

it maybe not showing in the mobile screenshot but it is clipped (two
rows are not visible)

as for the code here it is


all i need is a way to remove all the blue rectangles from all the file at once, not one by one

thanks

[Barbara1955]

What do you want Narrower margins? Then go into settings & change the settings. Other wise looks fine to me.

[hythamhhl]

Originally Posted by Barbara1955

What do you want Narrower margins? Then go into settings & change the settings. Other wise looks fine to me.

i tried playing with the margins but not working

if you look closely at the mobile screenshot you can see the letters on the bottom, it seems Aldiko is treating the blue rectangles as whole and not as rows

(am using Aldiko on Galaxy Not)

[Turtle91]

From you snippet of code view it looks like it's really clean **suprised!!**, you just need to adjust the css.

Your .css file is defining a table to have that blue background...you need to find it and change it...

it will look something like this:

table {background-color: lightblue}

or

td {background-color: lightblue}

or it may even have the color as a code like background-color:#f5f5f5 or some combination of that.

[hythamhhl]

Originally Posted by Turtle91

From you snippet of code view it looks like it's really clean **suprised!!**, you just need to adjust the css.

Your .css file is defining a table to have that blue background...you need to find it and change it...

it will look something like this:

table {background-color: lightblue}

or

td {background-color: lightblue}

or it may even have the color as a code like background-color:#f5f5f5 or some combination of that.

thanks for the answer
the problem is Aldiko treating the blue rectangles as whole and not as rows
so it clip it if it is too big for the page
is there a way to remove the rectangles completely from all the file at once, not one by one

[Turtle91]

the css file effects the whole document at the same time....that's the point of using css files...makes it MUCH easier to edit the styling of your document.

[Turtle91]

If aldiko is having troubles with the "tables" themselves, then there is something else causing it...not the background color of the table.

Can you post the css here (make sure its not copyrighted)?

[hythamhhl]

Originally Posted by Turtle91

If aldiko is having troubles with the "tables" themselves, then there is something else causing it...not the background color of the table.

Can you post the css here (make sure its not copyrighted)?

the color has nothing to do with the problem, the problem is how Aldiko treating the tables

here is a stupid question and please don't lough
what is css??

[Turtle91]

It stands for "Cascading Style Sheet". It has the file extension of ".css". It can be found in the "Styles" folder in Sigil's Book Browser on the left side of the screen. It is a list of definitions on how the book looks, not how it reads.

Some simple definitions are:

p {
     margin:0;
     indent:1.2em;
     text-align:left
   }

h1 {
     margin: 2em 0 2em;
     indent:0;
     font-weight:bold;
     font-size:1.2em;
     text-align:center
     }

That simply says that all paragraphs have zero margin, they are indented 1.2 character heights (so the indent changes with font size), and it is aligned to the left, and all header level 1 tags are bold, are 1.2 times the height of a normal character, are aligned to the center of the display with no indent, and have a margin, or space, of 2 character heights above and below the header.


You can easily edit the way the entire book looks just by updating a few lines in the css file.

You can also effect how a device displays an item...sometimes - but that is a longer story... for example, there must be some definition in your css telling any reading device/app to display tables a certain way. Unfortunately, depending on how good the device/app is, it can ignore some or all of the styling intended by the book creator. That's why it is important to see the css...it'll help determine if it is a css problem or an adilko problem.

Some people who make books don't understand how these definitions work...they typically just use an automated process like smashwords, or some authoring program that says "save as epub" and think they are done. It would make a much better book if they would take a few minutes to learn the basics. There is a pretty good tutorial here on MR...and a good reference on W3Schools

[hythamhhl]

that was very helpful, i really appreciate your help

there is so many css files in the styles folder
and four of them for tables, but all of them has the same code

what file i should adjust so i can delete all the tables from the file

[theducks]

The HTML file will call out the CSS files (yes, multiple CAN be used) for that file.

But Sigil make it even simpler. In the code view, right click on the Paragraph (or encapsulating div) : Go to link or style. This will jump you to the first OCCURRENCE or the top of the CSS if it is not found (where it was supposed to be)

[theducks]

When you 'delete tables', you delete the tables content. I don't think that is your goal

Really, you need a different reading app or platform. This is just 1 book, and it does not seem to have a problem on other viewers.
Tables are commonly used in textbooks. Are you going to recode every book?

[jackie_w]

Deleted