Need help with svg position

Question

How to make the svg drawing start from the top?

https://code.sololearn.com/WtteL5DPcaRQ/?ref=app

Answer 1

You cannot set svg (or www) element so it have position absolute (with top and left to 0)?

Answer 2

Almost made it.

Answer 3

Yes , and i want to make it intersect with the text and the buttons

Answer 4

https://code.sololearn.com/WdSoqJZgN8N9/?ref=app
... The buttons stopped working and everything is bad.😂
Forget it. I am gonna go practice something else.

Answer 5

Here's a quick solution
https://code.sololearn.com/WhJZx6lGy476/?ref=app

Answer 6

LOL
the buttons are masked by the SVG
There are two cures here:
Simple way is to adjust the sequence in HTML codes. The later elements will overlay the earlier elements.
Another way is using z-index property.

Answer 7

I want to make the text fit inside that svg , but idk if it is possible.

Answer 8

I checked the Sololearn CSS course, and yes the absolute positioning is not explained clearly there.

Answer 9

I didnt understood well... You want move the svg element at top?

Answer 10

I coded an example, although it's too late. 🤣
https://code.sololearn.com/W4dGFJx8wFW7/?ref=app

And why make my ans best? It's KrOW who has helped you.

Answer 11

Nice