Почему у меня не спускается картинка?

Question

conn123r43434 @conn123r43434

CSS

Почему у меня не спускается картинка?

Я пишу margin-top 100 px или margin 100%, но ничего не происходит.

Вопрос задан более трёх лет назад
88 просмотров

13 комментариев

Подписаться 1 Простой 13 комментариев

Степан Крапивин @xevin

код где?

Написано более трёх лет назад
conn123r43434 @conn123r43434 Автор вопроса
#s1{ margin-top:100%; }
Написано более трёх лет назад

conn123r43434 @conn123r43434 Автор вопроса

<!DOCTYPE html>
<html>
<head>
	<link href="button.css", rel="stylesheet", type="text/css"/>
	<title>Изображние как ссылка</title>
</head>
<body>

	<p><a href="sample.html" id = 's1'><img src="Fon.jpg" width="890" 
   height="800"></a></p>

</body>
</html>

Написано более трёх лет назад

Павел Атайкин @pavel_ataykin

conn123r43434, тег "a" строчный элемент :) Хочешь задать блочные свойства добавь display: block;

Написано более трёх лет назад
conn123r43434 @conn123r43434 Автор вопроса

Павел Атайкин, и что мне дало это?

Написано более трёх лет назад
Павел Атайкин @pavel_ataykin

conn123r43434, Как минимум изучить чем отличаются строчные от блочных элементов!

Написано более трёх лет назад
Павел Атайкин @pavel_ataykin

Павел Атайкин,
Если человека накормить рыбой, он будет сыт один раз, а если научить его рыбачить, то он будет сыт много раз.

Написано более трёх лет назад
conn123r43434 @conn123r43434 Автор вопроса

Павел Атайкин, data:image/jpeg;base64,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

Написано более трёх лет назад
Павел Атайкин @pavel_ataykin

conn123r43434, Рад, что помог встать на путь истинный :)

Написано более трёх лет назад
conn123r43434 @conn123r43434 Автор вопроса

Павел Атайкин, ДАДА

Написано более трёх лет назад
John Didact @JohnDidact

Потому что она - не Иисус Христос! Только Иисус Христос может спустится к нам.

Написано более трёх лет назад
conn123r43434 @conn123r43434 Автор вопроса

John Didact, Ваша жалоба на комментарий к вопросу отправлена) зря

Написано более трёх лет назад
John Didact @JohnDidact

conn123r43434, а если картинка весит дохренабайт?

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Skillbox

Веб-вёрстка 3.0

3 месяца

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

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

Похожие вопросы

HTML

+1 ещё

Средний
В какую сторону копать решение чтобы решить проблему с наложением?
- 1 подписчик
- 22 нояб.
- 91 просмотр
0

ответов
HTML

+1 ещё

Простой
Как растянуть вложенный блок внутри других блоков на максимальную длину, но не более чем на ширину страницы?
- 1 подписчик
- 21 нояб.
- 90 просмотров
0

ответов
CSS

Простой
Как сверстать кастомную пунктирную обводку у блока?
- 1 подписчик
- 17 нояб.
- 188 просмотров
2

ответа
CSS

Простой
Можно ли использовать функцию calc() в медиазапросах?
- 1 подписчик
- 13 нояб.
- 209 просмотров
1

ответ
CSS

+1 ещё

Простой
Как оптимизировать svg картинку?
- 1 подписчик
- 11 нояб.
- 178 просмотров
1

ответ
CSS

Средний
Как найти стили в шаблоне Битрикс?
- 1 подписчик
- 06 нояб.
- 167 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 254 просмотра
1

ответ
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 202 просмотра
0

ответов
CSS

Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
- 1 подписчик
- 31 окт.
- 144 просмотра
2

ответа
CSS

Простой
Как правильно задать размеры блоков?
- 1 подписчик
- 31 окт.
- 108 просмотров
1

ответ
Показать ещё Загружается…

React разработчик

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Frontend Developer (React + Node.js)

Alfabet Service

от 1 000 до 2 000 $

<!DOCTYPE html> <html> <head> <link href="button.css", rel="stylesheet", type="text/css"/> <title>Изображние как ссылка</title> </head> <body> <p><a href="sample.html" id = 's1'><img src="Fon.jpg" width="890" height="800"></a></p> </body> </html>
conn123r43434, тег "a" строчный элемент :) Хочешь задать блочные свойства добавь display: block;
Павел Атайкин, и что мне дало это?
conn123r43434, Как минимум изучить чем отличаются строчные от блочных элементов!
Павел Атайкин,
Если человека накормить рыбой, он будет сыт один раз, а если научить его рыбачить, то он будет сыт много раз.
conn123r43434, Рад, что помог встать на путь истинный :)
Потому что она - не Иисус Христос! Только Иисус Христос может спустится к нам.
John Didact, Ваша жалоба на комментарий к вопросу отправлена) зря
conn123r43434, а если картинка весит дохренабайт?

Answer 1 · 2020-05-21 20:23:48

Изучайтессс... Ресурс рекомендую изучить вдоль и поперек, а еще и желательно понять, что именно изучил.

Лечится display:block\inline-block\flex\inline-flex и т.д.

Почему у меня не спускается картинка?

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

Минуточку внимания

Войдите на сайт