ftbadolato76 Ответов: 1

Как предотвратить растяжение изображения?


Я просто пытаюсь поместить значок календаря 16x16 справа от этого текстового поля. Он работал нормально, затем я купил шаблон, и после применения шаблона изображение начало появляться под текстовым полем и растягивается по длине div.

.контактная форма {
положение: относительное;
вертикальное выравнивание: сверху;
z-индекс: 1;
маржа: 0;
топ: -10px;
}
.контакт-форма .текстовый файл-форма {
дисплей: нет;
}
.контакт-форма .СБ-1, .контакт-форма .СБ-2, .контакт-форма .СБ-3 {
маржа-дно: 23px;
поплавок: левый;
ширина: 200px;
}
.контакт-форма .СБ-1 п, .контакт-форма .СБ-2 п, .контакт-форма .СБ-3 р {
маржа-дно: 3px;
}
.контакт-форма .СБ-1, .контакт-форма .СБ-2 {
маржа-право: 10 ПКС;
}
. набор полей контактной формы {
топ: 9px;
граница: нет;
заполнение: 0;
ширина: 100%;
положение: относительное;
z-индекс: 10;
}
. этикетка контактной формы {
дисплей: блок;
минимальная высота: 45px;
положение: относительное;
маржа: 0;
заполнение: 0;
поплавок: левый;
ширина: 100%;
}




срок погашения*








Что я уже пробовал:

Я пробовал float и различные варианты отображения на изображении.

1 Ответов

Рейтинг:
0

omerkamran

В вашем CSS измените свойство Position на static в классе css следующим образом:

положение: статическое

это не позволит изображению растянуться. Для получения более подробной информации о должности вы можете перейти по этой ссылке
CSS Layout-свойство position[^]


ftbadolato76

Существует несколько примеров "position: relative;". Что ты предлагаешь мне изменить? Кроме того, не будет ли это иметь потенциальные неблагоприятные последствия для других видов использования этого CSS на всем сайте? Есть ли какое-нибудь решение, где я могу применить CSS непосредственно к этому изображению? Мне бы очень не хотелось испортить что-то для других страниц, так как это единственный случай, когда мне нужно приклеить это изображение справа от текстового поля.