Floating Ad banner at Bottom

I want to create a Floating Banner With Ad on it.

Page 1 of 1

6 Replies - 5985 Views - Last Post: 08 August 2009 - 12:16 PM

#1 murtuza89  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 07-August 09

Floating Ad banner at Bottom

Post icon  Posted 07 August 2009 - 07:33 AM

Hello friends,
I have my website which is a Sub-domain.
The domain host displays its ads at the bottom of the page. :angry:
However I have blocked that ad using the Hidden code in CSS. :D
But still that area is displayed with an error in that space.
I want to Make an ad banner which would float over that part of my page, i.e. at the bottom.

Here is the code for my Home Page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</script>


<title>
%%TITLE%%</title>
</head>
<body>
<div id="container">


  <ul id="nav">
  %%MENUITEMSTART%%<li><a href="%%MENUITEMLINK%%">%%MENUITEMTITLE%%</a></li>%%MENUITEMEND%% 
  %%MENUITEMACTIVESTART%%<li><a class="current" href="%%MENUITEMACTIVELINK%%">%%MENUITEMACTIVETITLE%%</a></li>%%MENUITEMACTIVEEND%% 
  </ul>
  
  <div id="header_img" class="weebly_header">
	<div> </div>
  </div>

  <div id="content_box">
  %%CONTENT%%
  </div>


  <div id="footer">
  <p class="center"><span id='weeblyFooter'>%%WEEBLYFOOTER%%</span>
	</p>
  </div>
<div style='height: 1px; overflow: hidden; clear: both;'></div>

</div>

  </body>
</html>


How can it be done? please help.

You can check the website in which i want to make the changes: http://linkshub.weebly.com
at the bottom of the page you will see the problem area.

Also the codes with %% symbols cannot be edited or deleted. They reappear if done so.
So please suggest something which would just add a few codes.
Thanks in Advance.

Is This A Good Question/Topic? 0
  • +

Replies To: Floating Ad banner at Bottom

#2 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 200
  • View blog
  • Posts: 1,561
  • Joined: 20-January 09

Re: Floating Ad banner at Bottom

Posted 07 August 2009 - 08:40 AM

Well, I would wrapped the advertising section of code with a div like so:


<div id="wrapper">
  <div id="cover">
		  <div id="ads"></div>
  </div>
</div>


CSS:
#wrapper {
	width: 700px; /* Or whatever the width of the ads are */
	hieght: 90px; /* Same thing goes for heigh */}

#cover {  
	position: absolute;
	margin-top: 5px;
}


NOTE: That DIC does not condone you going against your Terms of Service with weebly, if they don't want you HIDING or COVERING their advertisements then you shouldn't.
Was This Post Helpful? 0
  • +
  • -

#3 Quin  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 18
  • View blog
  • Posts: 359
  • Joined: 16-October 08

Re: Floating Ad banner at Bottom

Posted 07 August 2009 - 02:21 PM

Just to point out, Greg's CSS would put the banner at the top (and he misspelt height).

If you are using absolute, try top left bottom and right.
The left and right need to be the same measurement and bottom should be 0 (bottom:0;); top doesn't really matter.
Its similar to margin:0 auto; where the top and bottom margin is 0 and the left/right are equal and centre-aligning.

This post has been edited by Quin: 07 August 2009 - 02:24 PM

Was This Post Helpful? 1
  • +
  • -

#4 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 200
  • View blog
  • Posts: 1,561
  • Joined: 20-January 09

Re: Floating Ad banner at Bottom

Posted 07 August 2009 - 02:29 PM

Quote

Just to point out, Greg's CSS would put the banner at the top (and he misspelt height).


Thanks for pointing that QUIN!

Well, thanks for pointing out that it would put it at the top, but at the top of the div that is wrapping the ad container, not the browser. The only reason why I didn't go with the top bottom CSS screen solutions is because I don't know if the ads stay in the same place on the screen. Not to mention that if his page goes beyond the "fold" of the screen his box is now covering content, not the ad.

But good catch none the less, and I won't even address the spelling error.
:P
--

Greg
Was This Post Helpful? 0
  • +
  • -

#5 Quin  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 18
  • View blog
  • Posts: 359
  • Joined: 16-October 08

Re: Floating Ad banner at Bottom

Posted 08 August 2009 - 03:37 AM

Hey, my spelling is correct - well, it didn't show anything up with Firefox's spell checker.

And its true with my idea, it would stay at the bottom constantly, even covering the content I think.

hehe, and again, you're right. It would be at the top of the wrapper - it just seems that wrapper has no where to go (I thought murtuza wanted it to stay at the bottom constantly).
Was This Post Helpful? 0
  • +
  • -

#6 kewlkreator  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 36
  • View blog
  • Posts: 1,065
  • Joined: 25-March 09

Re: Floating Ad banner at Bottom

Posted 08 August 2009 - 11:36 AM

I'd watch it. Blocking ads like that is probably against some rule/law.
Was This Post Helpful? 0
  • +
  • -

#7 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 200
  • View blog
  • Posts: 1,561
  • Joined: 20-January 09

Re: Floating Ad banner at Bottom

Posted 08 August 2009 - 12:16 PM

@kewlkreator

Agreed. That's why I stated this in my first thread:

Quote

NOTE: That DIC does not condone you going against your Terms of Service with weebly, if they don't want you HIDING or COVERING their advertisements then you shouldn't.

Was This Post Helpful? 0
  • +
  • -
Page 1 of 1