Блок 4 В чем прокол?

Курсы Промежуточные испытания
1 
<div class="reference">
    <h2>Немного истории</h2>
    <dl>
      <dt><h3>Происхождение кваса</h3></dt>
      <cite>Источник: </cite><a href="#" target="self">ru.wikipedia.org</a>
      <dd><img src="img/wiki-1.png" width="200" height="101"></dd>
      <dt><blockquote><p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p></blockquote>
      </dt>
    </dl>
    <dl>
      <dt><h3>Классификация кваса</h3></dt>
      <cite>Источник: </cite><a href="#" target="self">ru.wikipedia.org</a>
      <dd><img src="img/wiki-2.png" width="200" height="101"></dd>
      <dt><blockquote><p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p></blockquote>
      </dt>
    </dl>
  </div>

Вот код, вот результат. И ничего не помогает. Что не так в коде? Съезжает текст только с определенного места.

Безымянный.jpg1060×608 72.1 KB

2

Что-то вы намудрили в разметке своей. Два dt в пределах одного dl, blockquote еще вдруг.

3

Это не цитаты, уберите blockquote и все получится, blockquote имеет свои отступы ещё.

4

Благодарю за подсказки.
Действительно, стало гораздо(!) лучше, но не идеально.
Провела пару часов, чтобы понять что еще не так, ответа не нашла. Использование спец.символов HTML не помогло.
Мой перфекционизм меня погубит…

<div class="reference">
<h2>Немного истории</h2>
<dl>
  <dt>
    <h3>Происхождение кваса</h3>
    <cite>Источник: </cite><a href="#" target="_self">ru.wikipedia.org</a>
  </dt>
  <dd>
    <img src="img/wiki-1.png" width="200" height="101">
    <p>Квас на Руси появился в Х-ХI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
  </dd>
  <dt>
    <h3>Классификация кваса</h3>
    <cite>Источник: </cite><a href="#" target="_self">ru.wikipedia.org</a>
  </dt>
  <dd>
    <img src="img/wiki-2.png" width="200" height="101">
    <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
  </dd>
</dl>
  </div>

Безымянный.jpg880×628 66.6 KB

5

Два dl у вас должно быть, внутри каждого один dt и один dd.

6

у меня был один список определений (dl) - и такого глюка не возникал. Ощущение, что ошибка в дефисе, вернее, в том, что использовали: дефис (клавиша “минус”) или же длинное тире (этот же "минус + Ctrl)

7

Сделала код с двумя dl, и результат остался такой же. :confused:
Текст я копировала с файла txt. который прилагался к материалам. Помимо этого, уже перебрала все возможные варианты дефиса (и дефис, и минус и тире) - ничего не дало 100% результата.

8

эээ… а там был файл txt? а я всё ручками перенабирала :weary:

1 лайк
9

Тоже не так давно узнала… 4 Блок Промежуточное. Перенос строки не на том слове.

1 лайк
10

Мне кажется ошибка где то в тексте, а именно в тире, попробуйте вставить этот текст.
Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.

11

Вы правы, ошибка была именно в тире.
100% совпадение. Теперь можно спать спокойно :slight_smile:
Благодарю!

1 лайк