Anki Forums

Aligning images

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?

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.)

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

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?

You can change the line

<table>

to

<table style="margin: 0 auto">