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


#1

Добрый день,
В промежуточные испытания/испытание 1 не могу задать междустрочный интервал для списка, ибо css в задании заблокирован, соответственно задание не засчитывается. Заранее спасибо.


#2

Привет!

В этом задании CSS и не нужно менять. Для задания нужного интевала воспользуйтесь правилом для дочерних пунктов списка:

li li { margin:0; }


#3

Спасибо, разобрался, лишнюю li поставил:)


#4

Добрый день. Все выполнила, но задание не засчитывается, подскажите, что здесь не так?
http://dabblet.com/gist/9561592d037ced44002a


#5

Измените размеры картинок на 85 пикселей.


#6

Откуда я должна была это знать? В описании к испытанию этого нет.


#7

Во вкладках «Наложение» и «Результат» видно, где различия вашего варианта и образца. Вы можете туда заглядывать. :sunny:


#8

Что не так? 2-й день мучаюсь, но интервалы между 1-м и 2-м списком так и не работают. Прошу разъяснить и помочь.

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

#9

ИМХО, можно исправить, сделав вместо трёх списков ul (как сейчас) один: просто удалить
</ul><ul> в двух местах. Думаю, изначально задумывалось так.


#10

Чуть ниже в коде, в похожем участке — так же.

[Вот так][1] будет выглядеть полный исправленный код.
[1]: http://codepen.io/3gdata/pen/xbRPLr


#11

Спасибо! Сработало.


#13

у меня не отображается вторая картинка (safari), различия показывают именно на эту ошибку.

вот код:

<!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>, <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>

#14

после формата файла .jpg удалите > :smile:


#15

Точно! Спасибо большое! Вот что значит ночью сидеть:)


#16

http://pastebin.com/HRzz4uwW
http://itmag.es/3xYKT
Картинки нужного размера, но визуально расположены чуть ниже.
В следствии этого текст тоже съехал вниз, и задание не принимается.
Не могу понять, что не так.


#17

это к @juwain’у =) Походу баг.
Но ошибки в записях у вас ессть =) Как минимум уберите все type=""


#18

Оберните картинки в <p>. Параграфам браузер задаёт дополнительные отступы по умолчанию.


#19

Спасибо, помогло.


#21

Не отображается вторая картинка. Различия указывают именно на неё. Видел, что уже задавали такой вопрос, но я уже несколько раз перепроверил код, он, вроде, без ошибок.

Код:

<!DOCTYPE html>
<html>
    <head>
       <title>1 испытание: Фигурное катание. Спортивные пары</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1><b>Фигурное Катание.</b> Спортивные пары</h1> 
        <p>
        <img width="85" src="/assets/ifmo/pair1.jpg">
        <img width="85" scr="/assets/ifmo/pair2.jpg">
        <img width="85" src="/assets/ifmo/pair3.jpg">
        </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>

#22

Опечатка: src.