Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Using HTML to layer with the "z-index"

Maj. Tom

Posted 21 March 2015 - 04:13 PM

Maj. Tom

New Member

Member

2 posts

Hello. I am relatively new to coding with HTML. I am creating a new website using Weebly, in which I am creating guitar tutorials. I am trying to create a guitar chord chart using HTML. This is what I have so far:

So far, the result is exactly what I wanted. However, a guitar chord chart is absolutely useless without any information on it. Right now, what I want to do is to layer numbers using the "z-index" command over the lines on the chart. I tried using the following:

This did not work the way I hoped. The lines all moved away from each other with the "3" somewhere in the middle of the mess.

What did I mess up? Should I use "position:relative" instead of "position:absolute, because everything was just worse when I did that. Is there anything else I'm missing? Is there anything unrelated to the issue that could be improved in this code? As I said earlier, I am new to HTML and CSS coding, so any help would be appreciated.

Advertisements

admin

Posted 21 March 2015 - 06:03 PM

Maj. Tom

Posted 22 March 2015 - 06:50 AM

Maj. Tom

New Member

Topic Starter

Member

2 posts

Hi! Thank you for your quick response! I tried using style="float..." in the <p.note style=... /> command. Is this the section of code you were referring to, because I still can't get the z-index to work the way I want it to. Were you referring to <div style="..." instead?