Промежуточные испытания / Испытание 1

Спасибо:)

1 лайк
<body>
    <h1><b>Фигурное Катание</b>. Спортивные пары</h1>
    <p>
    <img style="width:85px"src="/assets/ifmo/pair1.jpg">
    <img style="width:85px"src="/assets/ifmo/pair2.jpg">
    <img style="width:85px"src="/assets/ifmo/pair3.jpg">
    </p>
    <ul>
        <li><b>Золото</b>,<em> 236.86 балла</em></li>
            <ul>
                <li>Татьяна Волосожар</li>
                <li>Максим Траньков</li>
            </ul>
        <li><b>Серебро,</b><em> 218.68 балла</em></li>
            <ul>
                <li>Ксения Столбова</li>
                <li>Федор Климов</li>
            </ul>
        <li><b>6-е место,</b><em> 199.60 балла</em></li>
            <ul>
                <li>Вера Базарова</li>
                <li>Юрий Ларионов</li>
            </ul>
    </ul>
</body>
не могу понять, что здесь не так: после li золото текст растянут, margin не выполняется.. помогите

аа… все, сам разобрался… li не там закрыл) Спасибо

2 лайка

Здравствуйте,

img { width:85px; } Честно, подсмотрел данное решение в начале ветки и применил это у себя. Но мне не нужно заниматься копипастом, мне нужно понимание процесса. Я веду тетрадку с самого начала курса, куда веду записи по каждой теме. Так вот, я не нашёл ни одного упоминания о таком приёме. Вопрос: Откуда Вы взяли такое решение? Где ещё можно посмотреть такие фишки? Заранее спасибо.
1 испытание: Фигурное катание. Спортивные пары
    <h1 style="margin-bottom:-1px"><strong>Фигурное Катание.</strong> Спортивные пары</h1>
    <!--
    Адреса изображений:
    /assets/ifmo/pair1.jpg
    /assets/ifmo/pair2.jpg
    /assets/ifmo/pair3.jpg
    -->
    <br>
    <span><img src="/assets/ifmo/pair1.jpg" width="85px">
    <img src="/assets/ifmo/pair2.jpg" width="85px">
    <img src="/assets/ifmo/pair3.jpg" width="85px">
  </span>
   <ul>
    <li><ul style="margin-top:10px"><span style="margin-left:-40px"><strong>Золото,</strong> <i>236.86 балла</i></span>
        <li>Татьяна Волосожар</li>
        <li>Максим Траньков</li>
        </ul>
    </li>
    <li><ul><span style="margin-left:-40px"><strong>Серебро,</strong> <i>218.68 балла</i></span>
        <li>Ксения Столбова</li>
        <li>Федор Климов</li>
        </ul>
    </li>
    <li><ul><span style="margin-left:-40px"><strong>6-е место,</strong> <i>199.60 балла</i></span>
        <li>Вера Базарова</li>
        <li>Юрий Ларионов</li>
        </ul>
    </li>
    </ul>
</body>

При проверке не набирается даже 90%, при наложении всё идентично, можно сказать. В первом заголовке можно вообще убрать нижний отступ, не поможет.

Пардон ! Всё получилось ))) 99% просто, как раз в заголовке первом изменил на 1 пиксель отступ ))) :smile:

Всем привет)
Мучаюсь уже третий день с заданием.
Код тута

что не правильно? почему не сходится?

<!DOCTYPE html>
<html>
    <head>
       <title>1 испытание: Фигурное катание. Спортивные пары</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1><strong>Фигурное Катание</strong>. Спортивные пары<h1>
            <p>
        <img src="/assets/ifmo/pair1.jpg" width="85px">
        <img src="/assets/ifmo/pair2.jpg" width="85px">
        <img src="/assets/ifmo/pair3.jpg" width="85px">
        </p>
        <ul>
            <li>
                <b>Золото,</b> <em>236.86 балла</em>
                <ul>
                    <li>Татьяна Волосожар</li>
                    <li>Максим Траньков</li>
                </ul>
            </li>
            <li>
                <b>Серебро,</b> <em>218.68 балла</em>
                <ul>
                    <li>Ксения Столбова</li>
                    <li>Федор Климов</li>
                </ul>
            </li>
            <li>
                <b>6-е место,</b> <em>199.60 балла</em>
                <ul>
                    <li>Вера Базарова</li>
                    <li>Юрий Ларионов</li>
                </ul>
            </li>
        </ul>    
    </body>
</html>

Для демонстрации кода:

скорее всего у вас каждая картинка в отдельном параграфе, а надо все в одном.

Не закрыт тег <h1>.

Здравствуйте! Вот мучаюсь с этими картинками, что не так?

Обратите внимание на то, как вы написали название атрибута с ссылкой на картинку.
Пишется src от англ. слова “source” - “источник”.

1 лайк

Ой, я туплю. Спасибо Вам огромное!

1 лайк

Оказывается место закрытия тега во вложенных списках, влияет на отступы. Полезная Инфо!

Не могу понять, что не сходится. Выдает 99%, хотя в наложении и различиях всё идентично. Помогите, а то у меня уже глаз замылился, наверное) Где-то чего-то не вижу.

<!DOCTYPE html>
<html>
    <head>
       <title>1 испытание: Фигурное катание. Спортивные пары</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1><b>Фигурное Катание.</b> Спортивные пары</h1>
        <p><img src="/assets/ifmo/pair1.jpg" width="85px">
        <img src="/assets/ifmo/pair2.jpg" width="85px">
        <img src="/assets/ifmo/pair3.jpg" width="85px"></p>
        <ul>
            <li><b>Золото</b>, <i>236.86 балла</i>
                <ul>
                    <li>Татьяна Волосожар</li>
                    <li>Максим Траньков</li>
                </ul>
            </li>
            <li><b>Серебро</b>, <i>218.68 балла</i>
                <ul>
                    <li>Ксения Столбова</li>
                    <li>Федор Климов</li>
                </ul>
            </li>
            <li><b>6-е место</b>, <i>199.60 балла</i>
                <ul>
                    <li>Вера Базарова</li>
                    <li>Юрий Ларионов</li>
                </ul>
            </li>
        <ul>
    </body>
</html>

Точка в заголовке жирной быть не должна. Единственное отличие в этом)

2 лайка

О Мирозданье, а я то думаю… Спасибо огромное, я уже весь мозг себе сломала :slight_smile:

1 лайк

У меня та же проблема была - 99% и никаких различий. Спасибо за “точку”, все получилось на 100.

2 лайка

Заключи в абзац не изображения а весь блок кода.