I'm a noob when it comes to CSS or HTML, but I've been working on a Weebly page code for days now.
How can I add a box in the background so that it won't affect the contents of a page?
As You can see, I've managed to add a box behind the other elements using #main, but how can I add an independent box element, which won't affect the rest of the page and contents?
[#main-wrap { } #main { margin-left: 245px; padding: 0 10px; background: #fff; border: 1px solid #000000; } #banner { } .wsite-header { } #content { margin: 0; padding: 25px 0; min-height: 400px; overflow-x: visible !important; overflow-x: hidden; } ]
Thank You in advance!
Hi Rattus303, Look into
Hi Rattus303,
Look into z-index.
Put the element as a sibling or parent of the elements you want it to be behind, then position it relative or absolute and set it's z-index.
I appreciate your help, but
I appreciate your help, but am afraid I have no idea what you are talking about. Weebly lets me moderate only a .css file (no html), thus I have no idea how to create an element, let alone put it as a parent or a sibling or whatever it is.
I have a feeling that I won't be able to work that code out myself as I have only moderated it, not written it all. I am also for learning and would like to work it out on my own, but it seems to be too difficult for me. As I previously said, I have had no experience with web design. I just want to make my blog a bit prettier.