Въпрос към урок: Решение: Икона име и длъжност от курс: HTML5 и CSS3

Може ли да реша задачата по друг начин?

Уеб дизайн HTML CSS Програмиране Atom Notepad++ HTML5 и CSS3

Този начин на решение на задачата изглежда професионален, на за мен е доста сложен. Видях, че когато се използва float, картинката и текстът се движат заедно - като че се обединяват в един обект. Затова позиционирах първо снимката, после наместих текста: отстояние отляво е 190px, което е = 20px (полето от картинката до левия край) + 150px (ширина на снимката) + 20px (поле отдясно на снимката). Но текстът продължаваше да е под снимката. Тогава използвах отрицателен margin като отстояние от горния край за текста. Ето какво се получи:

А ето и кода

Аз ползвам Linux Ubuntu 18 Bionic Beaver. Създайте специаЛНА функция за качване на изображения.

И аз съм го направил по друг начин (с доста нагаждане,но мой си начин), Не съм сигурен колко е вярно , но съм използвал наученото до тук. Нямам хедъри и отрицателни стойности на марджина, нито пък съм използвал този начин на задаване на марджина (margin: -30 0 0 -130) , все пак няма от къде да знам за него. Ето резултата: а ето и решението:


Вашият отговор

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Регистрация