# Z-index and precision overlaid layers **URL:** \ **Category:** How-to\ **Created:** [June 14, 2024, 5:20am UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376 "2024-06-14T05:20:48Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\ **Post date:** [June 14, 2024, 5:20am UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376/1 "2024-06-14T05:20:48Z")
Content containers are boxy, by nature, I get that. I want to have one element (an image) on a layer in front of centered across two other elements. Easier to draw than explain. Imagine this is the bottom of container 1 and the top of container 2: 111111111111111111111 222222222222222222222 Container two would be a universal footer, and container one whatever is the last non-footer container on that page. I want to add a logo (I’ll call it L) that is laid out like this: . . . . . . . . . . . . LLLLLL . . . . . . . . . . . . . . . . . . . . . . . . LLLLLL . . . . . . . . . . . . 11111111 LLLLLL 111111111 22222222 LLLLLL 222222222 . . . . . . . . . . . . LLLLLL . . . . . . . . . . . . . . . . . . . . . . . . LLLLLL . . . . . . . . . . . . [ignore the periods; had to add them to keep the shape laid out right in the forum] I’m new at SiteJet. I could do this with relative ease in notepad; it’s relatively simple HTML and CSS; but the html option on SiteJet condenses everything into an unmediatable {{content}} marker. I’m sure there’s a way to do this in SiteJet, I just can’t figure it out. So many questions on Day 1 🙂 I see a lot of potential and want to thrive in this platform. Thanks for any insights you might have on how to do these things. Cheers! ---
**Author:** ![Richard\_Honey](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/richard_honey/32/2905_2.png) [@Richard\_Honey](https://community.sitejet.io/u/Richard_Honey)\ **Post date:** [June 14, 2024, 11:16am UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376/2 "2024-06-14T11:16:37Z")
Hi there, and welcome to Sitejet! I’m not sure what kind of content you would like to put there, but it might be worth having a look at the “ **FooterTyr** ” preset in the site builder. It has a contact form that displays similarly to your sketch. Maybe there is a way you can replicate this effect using multiple containers? @Andre will this be possible? ---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [June 14, 2024, 11:41am UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376/3 "2024-06-14T11:41:24Z")
Hey there, not 100% sure here if I understood you correctly, but maybe this helps: ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/5/5ae575e7f8345c93647c703ecc74d5eb6bb1982b.png) and set Container 1 and 2 to overflow:visible ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/1/16f25161cda61509baaa6aaffa11dc148f90a339.png) @Giaco_Sitejet_Team - Thank you for your assist. ---
**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\ **Post date:** [June 14, 2024, 12:34pm UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376/4 "2024-06-14T12:34:49Z")
That’s what I was after! Thank you both so much! ---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [June 14, 2024, 12:57pm UTC](https://community.sitejet.io/t/z-index-and-precision-overlaid-layers/3376/5 "2024-06-14T12:57:47Z")