adding side towers on left and right

Posted in: Newspaper
Post count: 13
arpita
#80894
Nov 27, 2015 at 6:40 am

Hi there,

I want to add advertisement side towers on both the side of main content div. so it should go under td-main-content-wrap class and around td-container.

Left tower will be before td-container and Right will be after container.

Website URL is http://aksharwebsolutions.com/ffm/ – can you please give me CSS code, so it all stays inline with each other (towers and main content)?

Your earliest response is greatly appreciated.

Thanks,
Arpita

Post count: 22421
Bogdan B.
#80929
Nov 27, 2015 at 11:01 am

Hello,

You simply need to change the div positioning to absolute and then adjust the left/top proprieties: http://screencast.com/t/P9BPt9Tluk
#div-gpt-ad-tower-left{
position:absolute;
left:280px;
top: 295px;
}
If you want this to be a floating ad you can set the position to fixed so it will scroll with the content.
You can read more about css positioning here: http://www.w3schools.com/css/css_positioning.asp

Thanks.

Post count: 13
arpita
#80998
Nov 27, 2015 at 3:57 pm

how did you decide left: 280px;? How this can work as different screen will have different resolution?

Post count: 22421
Bogdan B.
#81010
Nov 27, 2015 at 4:48 pm

Hi,
It was just an example for you to see how the positioning works. I added the left propriety to highlight horizontal positioning. It was not meant as a permanent solution. In order to make it responsive it will need further customization.
Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.