Вызов: отсылки к искусству

Курсы Ссылки и изображения
1

Кто решил здание. Подскажите как прописать абсолютную ссылку

2

http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki

3 
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Отсылки к искусству</title>
    <link rel="stylesheet" href="links.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <ul>
      <li>
        <a href="img/sleeping-cat.jpg">Картинка «Девушка с кошкой»</a>
      </li>
      <li>
        <a href="https://catsthemusical.com
">Мюзикл «Кошки»</a>
      </li>
      <li>
        <a href="https://keks-books.ru/the-unadulterated-cat.pdf" download>Книга «Кот без прикрас»</a>
      </li>
      <li>
        <a>Статуэтка «Египетская кошка»</a>
      </li>
    </ul>
  </body>
</html>

Я и до этого перепробовал все варианты с абсолютной ссылкой, но в результате ссылка не выделяется как показано в образце.

4

%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0
Ошибка.jpg1680×1050 233 KB

5

abs_s
abs_s.png1266×308 21.6 KB

Я делала так

6

Я и так тоже делал, но ничего не меняется. И www убирал, и слэш в конце, и index.html добавлял…все одно, не меняется решение

7

Можно попробовать сменить браузер, у меня бывает глючит. А еще, если теги в коде не работают, я строку набираю в другом месте, например, в блокноте или типа, оттуда копирую и вставляю. Но срабатывает тоже не всегда :slight_smile:

8

Как раз решил на мозиле попробовать, решение прошло. Зашел обратно в хром и просто скопировал HTML-код и наконец-то сработало)
Головаломка)

9

Пересмотрел свой код и увидел свою ошибку.
В абсолютной ссылке, перед закрывающимися кавычками стоит перенос строки…невнимательность с моей стороны.

10

У меня также, только на первой ссылке

Screenshot_10
Screenshot_10.png1057×809 71.6 KB

11

Уже перепробовала кроме оперы использовать фирекс диверлопес, хроме, и всё также. Буду надеяться, что зайду на следующий день и удастся пройти испытание.

12

[quote=“Sanych1313, post:9, topic:14509, full:true”]
стоит перенос строки
[/quotВсё, разобралась, палочку нечаянно не удалила, поэтому не проходило задание.

13

Не внимательность очень плохое качество будущего верстальщика.
Понял это зависнув на простом задании)))

1 лайк
14

Да, оно и по жизни не очень хорошее, но тут оно исправимо, можно подумать и поискать.

3 лайка
15

Доброго времени! С самим заданием проблем не возникло, но я никак не могу понять за счет чего меняется цвет фона этих самых ссылок???

16

там еще один стилевой лист прикреплен, через инспектор кода если глянете, то там такие правила:

a {
  color: #3f445a
}

a:not([href]) {
  background-color: #e84e1b;
  color: #5d1e09
}

a[href="img/sleeping-cat.jpg"] {
  background-color: #36f;
  color: #001a66
}

a[href="https://www.catsthemusical.com/"] {
  background-color: #90f;
  color: #3d0066
}

a[href="https://keks-books.ru/the-unadulterated-cat.pdf"][download] {
  background-color: #f90;
  color: #663d00
}
2 лайка
18

а почему к последней ссылке ничего применять не нужно? Даже href удалить. В описании ничего не написано об этом. Очень долго не мог понять, как с этим жить.)))

19

Что я делаю не так?. вроде все верно. сто раз перепроверил. Либо у меня что-то с глазами либо с ссылкой на книгу что-то не так

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Отсылки к искусству</title>
    <link rel="stylesheet" href="links.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <ul>
      <li>
       <a href="img/sleeping-cat.jpg"> Картинка «Девушка с кошкой» </a>
      </li>
      <li>
       <a href="https://www.catsthemusical.com/"> Мюзикл «Кошки»</a>
      </li>
      <li>
        <a href="files/the-unadulterated-cat.pdf" download>Книга «Кот без прикрас»</a>
      </li>
      <li>
         <a>Статуэтка «Египетская кошка»</a>
      </li>
    </ul>
  </body>
</html>
1 лайк
20

С ссылкой на книгу такая же проблема была походу. а зашёл сегодня и оранжевый фон появился сам собой)
Видимо, это был баг