Archived topic
Need to Move Part of Header to the Left
4 replies · Started by Mary Pearson on May 17, 2016
I'm starting another website at http://mapenterprises.info/
I have a small .mp4 file in the header using GP hooks. It is overlapping the end of the page because I have position: relative, but if I make it absolute then it disappears altogether.
I read about z-index and saw that it is supposed to be -1 but -1 doesn't work. Obviously I have no idea what I'm doing. Would appreciate any help.
CSS I am currently using is
/* div class video */
.video {
position: relative;
top:4px;
float: right;
width: 426px;
height 240px;
z-index: 1;
Thanks!
In order for z-index to work, you need to set it to the element that shows behind the video, and the video. The element on top having higher z-index.
This isn't really GP support related, but you should find a ton of information and examples with a quick Google :)
Thank you once again Tom. You always have such excellent information. Indeed I did do a google search and found lots of information, but nothing as clear and concise as your explanation.
I guess it's time I sent you another donation. ;-)
Much appreciated!
Thanks so much, Mary! I really appreciate that :)
Hopefully you got it all sorted!
Not yet, but I'm still working on it. ;-)
I just have to have it good enough to show the client today that he will want to pay me thousands of dollars to develop it. LOL