Aligning images

Anki Card Design
1

Hi, I’m currently using Anki to learn French. I use two images and senteces to learn the masculine and femine version of an adjective. Currently my card looks like this:

(image of tall man)
L’homme est grand.

(image of tall woman)
La femme est grande.

However, I would like have it like this:

(image of tall man) (image of tall woman)
L’homme est grand. La femme est grande.

Any ideas?

2

Can you show us what your card template looks like, either by copying and pasting it or by posting a screenshot? (The way your cards are set up will determine the easiest way to get the setup you want.)

6

Anki
Anki1600×900 165 KB

7

I think the easiest thing to do would be to replace the front template with

<div style="font-family: Arial; font-size: 30px; text-align: center; color: gray">

<p>{{DEFINITION (FRONT)}}</p>

<table>
    <tr>
        <td>{{IMAGE 1 (FRONT)}}</td>
        <td>{{IMAGE 2 (FRONT)}}</td>
    </tr>
    <tr>
        <td><i>{{SENTENCE WITH WORDS MISSING 1}}</i></td>
        <td><i>{{SENTECE WITH WORDS MISSING 2}}</i></td>
    </tr>
</table>

</div>

and then update the back template similarly.

2 Likes
8

That’s brilliant, thank’s very much! The only (little) thing to correct is the justification of the images, they are at the left of the screen. How would I justify them in the centre of the screen?

9

You can change the line

<table>

to

<table style="margin: 0 auto">