@akokin

Как сделать css-стиль и html для Anki-карточки (лицевая и обортная сторона)?

Здравствуйте.
Создаю карточки для изучения английской фонетики в программе Anki и хотелось бы улучшить внешний вид карточек (лицевой и оборотной стороны).
Вот набросал дизайн от руки (https://goo.gl/eAKJeS), но не знаю, как это перевести в html и css.
Буду благодарен на помощь.
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 2
AskMy
@AskMy
иногда решаю задачки и задаю глупые вопросы
flip efffect называется .... это ?
https://davidwalsh.name/demo/css-flip.php
Ответ написан
@akokin Автор вопроса
Нашел в интернете пример расположения блоков горизонтально, приспособил к своей задаче и вот что получилось:
5aa3dcaebe72e071505326.jpeg
Вот код html:
{{Describe of sound}}<br><br>
<div id="wrapper">
    <div class="section">{{Letter(s) - 1}}<br>
{{Symbol - 1}}</div>
    <div class="section">{{Word - 1}}<br>
{{Word_transcription - 1}}</div>
    <div class="section">{{Audio letter(s) - 1}}   {{Audio word - 1}}</div>
</div>
<br>
<div id="wrapper">
    <div class="section">{{Letter(s) - 2}}<br>
{{Symbol - 2}}</div>
    <div class="section">{{Word - 2}}<br>
{{Word_transcription - 2}}</div>
    <div class="section">{{Audio letter(s) - 2}}   {{Audio word - 2}}</div>
</div>
<br>
<div id="wrapper">
    <div class="section">{{Letter(s) - 3}}<br>
{{Symbol - 3}}</div>
    <div class="section">{{Word - 3}}<br>
{{Word_transcription - 3}}</div>
    <div class="section">{{Audio letter(s) - 3}}   {{Audio word - 3}}</div>
</div>

Вот код css^
#wrapper {
    width:320px;
    height:60px;
   /* background:#EFEFEF;*/
}
.section {
    border:solid 1px #999;
    float:left;
    height:58px;
    margin-left:10px;
    width:98px;
}
#wrapper div:first-child {
margin-left:0px;
}

Нужно бы выровнять блоки по горизонтали, как не знаю...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Grey Matter Москва
от 60 000 до 100 000 руб.
Advanced Online Москва
от 50 000 до 70 000 руб.
BeaversBrothers Екатеринбург
от 80 000 руб.
18 авг. 2018, в 11:06
10000 руб./за проект
18 авг. 2018, в 10:13
500 руб./в час
18 авг. 2018, в 09:13
13000 руб./за проект