Cursor Position of <li> element - html

I have some trouble with the cursor position. As shown in the screenshot below, the cursor is placed at the front of the email address. However, I want it to be in the right of the email address.
What I used is position:absolute
I checked other solutions, and I tried float:left. It leads to the correct cursor position, but the email is disappeared when I click somewhere else. This seems like a problem with chrome 80(It works fine with other browsers). I am wondering if there is other way to achieve the effect like this:

Related

when reload image should come from right a smooth transiton should occur

This image contains the code I am using but it doesn't behave correctly. like in websites we see as we scroll down images or anything were not present and then comes from the right. like if we go to end of the page a contact form should appear from right. this is what i am trying to achieve

Link not working due to position absolute and z index

I am currently trying to get the link on this page: https://streamlineas.com/ to work. It is the button on the top right that says "Request a Demo" but it only doesn't work on the screen size smaller than 1070px (I believe this specific button only shows on screen sizes less than 1070px). I think it has something to do with the z index not working with the link. I tried switching it to position relative and it still seemed to not work for me. Does anyone have any idea why?
The link works fine if you turn javascript off. So the css is not the problem, there is an event attached somewhere that is stopping the link working.
Do you have access to the html? In the first instance try removing data-toggle="modal" data-target=".form-modal" from the link in question.

Can't find an element in the Web Inspector

There's an element that appears on the site, but I can't seem to find it in the inspector of the browser. I would like to hide it somehow.
On this page: http://gdhbau.hu/#bemutatkozas
It is the "BEZÁR" word with white color, next to the "Becsuk" button, when clicking on the "MÉG TÖBB" button (to expand the content).
This problem shows up when I turn on the "Automatically add paragraphs" in the WordPress SiteOirgin editor; but I need to use it, otherwise the content falls apart.
EDIT: This is with the plug-in called: "Collapse-O-Matic"
You will never find it since it's not an element.
It's part of the image in the background http://gdhbau.hu/wp-content/uploads/2018/03/bemu-bg-large.jpg

Refresh page directing it to a particular div using HTML5/CSS3?

I am making a simple website and I am encountering a problem whenever I reload it.
I placed my menu at the middle of the screen and when you clicked it, it needs to go down to the content. My problem is, whenever I reload it, it would still go up and show the upper picture. What I want is that after one of the menu is pressed, the menu should now stay on the upper corner of the screen without showing the upper picture (Sample website -> http://ec2-54-84-168-45.compute-1.amazonaws.com/Teapop/)
It seems like my url code that directs it on a particular div (e.g menu#teapop_nav)` doesn't work as I expected after I deployed it on the hosting site even though it works well on my local build.
Without using any javascript code, is there a fix for this using html5/css3?
Thank you.
i just tested it on my computer (chrome & firefox) and it seems to work. And also on page refresh. The picture is always on the top.

Internet explorer cursor "point" bottom left of the image

I want to have an individual cursor on my homepage. For Internet Explorer i need the special file format .cur - after 2 days searching i found this. Now it also works in ie.
But: When you go over a link, (right the menue), you will notice that the point of the cursor which is actual the "pointing point" (the point of the image which is deciding a selection) is not like usual in the top left corner, but in the bottom left corner.
Im testing it with ie10. With the standart cursors all is ok, but not with the .cur file.
So, whats wrong there? Or is my .cur file corrupt??
Thanks you all!
No, the cursor file is perfectly fine, that how normal cursor works. even in default cursor (like in stack overflow) you can try press add button or link with the bottom of the cursor and it wont work, only the corner activate the cursor sensitivity.
However, using default cursor is recommended, it making the website more mature or in other words less childish.