Formatting issue

Anki Card Design
1

Hello!

I made a bunch of cards on my PC and they work just fine. When I try to practice them on my iPhone the formatting is off. There is a large offset in front of the cards so o have to scroll a bunch to se the content. Any thoughts of a resolution?

IMG_3991
IMG_39911170×2532 121 KB

IMG_3992
IMG_39921170×2532 129 KB

IMG_3993
IMG_39931170×2532 139 KB

IMG_3994
IMG_39941170×2532 128 KB

Thank you!

2

We will obviously need to see the html and css for that card (front and back).

Put them into codeboxes like this when pasting:
```
Some code here
```

3

Thank you Anon!

HTML from iPhone:

<table border="0" cellpadding="0" cellspacing="0" width="1790" style="width: 1343pt;"><tbody><tr height="21" style="height:15.75pt">
  <td height="21" class="xl65" width="1790" style="height:15.75pt;width:1343pt">Bronchogenic
  carcinoma</td></tr></tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="1790" style="width: 1343pt;"><tbody><tr height="21" style="height:15.75pt">
  <td height="21" class="xl65" width="1790" style="height:15.75pt;width:1343pt">Cancer
  that begins in the tissue that lines or covers the airways of the lungs,
  including small cell and non-small cell lung cancer.</td></tr></tbody></table>

HTML from computer:

<table border="0" cellpadding="0" cellspacing="0" width="1790" style="width: 1343pt;"><tbody><tr height="21" style="height:15.75pt">
  <td height="21" class="xl65" width="1790" style="height:15.75pt;width:1343pt">Bronchogenic
  carcinoma</td></tr></tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="1790" style="width: 1343pt;"><tbody><tr height="21" style="height:15.75pt">
  <td height="21" class="xl65" width="1790" style="height:15.75pt;width:1343pt">Cancer
  that begins in the tissue that lines or covers the airways of the lungs,
  including small cell and non-small cell lung cancer.</td></tr></tbody></table>

I think this is what you need, is that correct?

4

I have no experience with js tables but here are two things to consider:

  1. You do not seem to show any content were a table would be useful. It’s probably best not to use a table until you really need to.
  2. Your table doesn’t scale well. E.g. it assumes width="1790", which is far too wide for any smartphone screen.

Addional things that might be helpful for other helpers are in the Card Templates - Anki Manual. We’d need the front, back and css, all three in separate code blocks please.

1 Like
5

I found the issue was in the format I had for reverse and normal cards I changed the orientation to left most. When I imported these cards from excel it must have added weird formatting.