CODEWITHSUNDEEP
htmlcssbackground
Chris
Chris

Reputation: 3025

Having a page element in-background / below other elements?

I currently have two navigational links (arrows), but they tend to push other elements on the same height (a textarea in this case) away. The picture below illustrates the problem:

alt text

How do I make it so that the arrows won't interfere with, but exist on the same height as the textarea?

I'm left clueless, help is much appreciated :-).

Upvotes: 0

Views: 62

Answers (1)

Stuart Burrows
Stuart Burrows

Reputation: 10814

use position:absolute on the arrows and position:relative on the container that they sit in. This way the arrows are effectively on another layer and will not affect other elements with their attributes (width, height). the position relative on the container is so you can set your positioning values relative to the container. use top:0 and left:0 for the left one and top:0 right:0 for the right one. Should be good to go!

Upvotes: 1

Related Questions