Я пытался изменить размер этого изображения в следующем коде. Я пробовал px, em,% и оставил тип блока пустым, но он не изменится. Я пробовал ширину и высоту, но ни один из них не изменился. Другие атрибуты в CSS работают нормально: поля, положение и т. Д. Почему размер изображения не изменяется?

Большое спасибо, что нашли время, чтобы прочитать это и за ваше предложение.

Код ниже

HTML

    <div id='fixed-button'>

        <a href='main-home-timeline.html'>
          <img src='images/im-lost-clock.png'>
        </a>

        </div>

The CSS

    #fixed-button {
  position: fixed;
  width: 10;
  padding: 0;
  margin-top: 120px;
  margin-left: 600px;
}
0
WarriorMonkIRE 28 Фев 2018 в 14:21

4 ответа

Лучший ответ

Вы должны поместить атрибуты width и / или height для элемента img, то есть либо вы определяете класс для img, а затем вставляете в него width: 10px, либо используете селектор #fixed-button a img

#fixed-button a img {
    width: 10px;
}
0
Gabriel Samain 28 Фев 2018 в 11:24

Ваше изображение должно быть width: 100%;, если вы планируете сменить родителя, чтобы оно могло следовать за ним. Или явно измените ширину изображения с помощью:

#fixed-button img {
 width: 100px;
}
0
zmuci 28 Фев 2018 в 11:25

Просто измените свойство Width на 100px, чтобы вы могли решить текущую проблему.

#fixed-button {
  position: fixed;
  width: 100px;
  padding: 0;
  margin-top: 120px;
  margin-left: 600px;
}

Надеюсь, что это поможет вам ...

0
Hari17 28 Фев 2018 в 11:31

Вы изменяете размер элемента div, а не элемента изображения. Правильный код указан ниже.

Css

.fixed-button {
position: fixed;
width: 10px;
padding: 0px;
margin-top: 120px;
margin-left: 600px;
}
.img1 {
position: fixed;
width: 10px;
padding: 0px;
margin-top: 120px;
margin-left: 600px;
}

Html

<div id="fixed-button" class="fixed-button">
<a href="main-home-timeline.html">
<img src="images/im-lost-clock.png" id="img1" class="img1" />
</a>
</div>
0
user8158111user8158111 28 Фев 2018 в 11:35