I am facing some issues while trying to position an image using CSS. In the first section (TITLE), I made a row with 2 elements, an text (meet new and ...) with 2 buttons, and an image. The position of the image is absolute, because I would like it to be superposed by the second section (see image). The problem is that if the position is absolute, I cannot manage to change the bottom, top and etc, because everytime I try to, even if I specify only 1px ou 1%, the image moves a lot. If I change the position to relative I can't manage to superpose the image with the second section.  My question is : How do I manage to change the position of the image and still suporpose it with the second section page?  Watch the video : https://youtu.be/HT8jEux_av0   link to the css file : https://pastebin.com/JQhUXrsg link to the html file : https://pastebin.com/wRJU3ESV   the class of the image is title-image and the html section is : title

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

I am facing some issues while trying to position an image using CSS. In the first section (TITLE), I made a row with 2 elements, an text (meet new and ...) with 2 buttons, and an image. The position of the image is absolute, because I would like it to be superposed by the second section (see image). The problem is that if the position is absolute, I cannot manage to change the bottom, top and etc, because everytime I try to, even if I specify only 1px ou 1%, the image moves a lot. If I change the position to relative I can't manage to superpose the image with the second section. 

My question is : How do I manage to change the position of the image and still suporpose it with the second section page? 
Watch the video : https://youtu.be/HT8jEux_av0

 

link to the css file : https://pastebin.com/JQhUXrsg

link to the html file : https://pastebin.com/wRJU3ESV

 

the class of the image is title-image

and the html section is : title

Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 4 steps with 1 images

Blurred answer
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education