2 replies [Last post]
Rattus303
Rattus303's picture
Offline
newbie
Last seen: 6 years 37 weeks ago
Timezone: GMT+3
Joined: 2013-07-22
Posts: 2
Points: 3

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?

http://rattus303.weebly.com/

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!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

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.

Rattus303
Rattus303's picture
Offline
newbie
Last seen: 6 years 37 weeks ago
Timezone: GMT+3
Joined: 2013-07-22
Posts: 2
Points: 3

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.