How Do Skysports.com do this with there adverts

  • mcyates
  • Born
  • Born
  • mcyates
  • Posts: 4

Post 3+ Months Ago

If you go to http://www.skysports.com look at the adverts on the right. If you mane the internet explorer window gradually smaller you will see the adverts on the right disappear, I guess this is so when people with lower resolutions log onto the site the scroll bar doesn't appear at the bottom. I would like this on my site so i can add the adverts.

My site is set up for higher resolution and there is space either site of the forum itsefl http://www.myfootballforum.com but on the lower resolution 800 x 600 the page is completely filled. If i had the same type of code which made the adverts disappear if the window is small then for the people on the 800 x 600 resolution would not see the adverts and the people with the higher resolution would see them.

I home you understand what i'm trying to say?

I just need to know how to do this?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • quantumcloud
  • Proficient
  • Proficient
  • User avatar
  • Posts: 456
  • Loc: Dhaka, Bangladesh

Post 3+ Months Ago

Quote:
If you mane the internet explorer window gradually smaller you will see the adverts on the right disappear,


I do not see any such thing.
  • mcyates
  • Born
  • Born
  • mcyates
  • Posts: 4

Post 3+ Months Ago

what resolution you on?
  • mcyates
  • Born
  • Born
  • mcyates
  • Posts: 4

Post 3+ Months Ago

Here: The picture below is with the window open.

Image

You can see the adverts on the right

If i make the window slightly smaller (width) the the adverts disapear:

Image

No you see what i mean?
  • quantumcloud
  • Proficient
  • Proficient
  • User avatar
  • Posts: 456
  • Loc: Dhaka, Bangladesh

Post 3+ Months Ago

Alright, I am on 1280 by 960 and that Meet your Match ad does not appear on my browser at all.

But whatever it is, it has to be a combination of javascript and CSS. Sorry could'nt be of more help.
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

im 1024x768, using firefox (perhaps it doesn't recognize mozilla?)
anyways, its probably set in 2 DIV containers, the parent including both and the second one having the ads. the second div will have overflow: hidden, but the parent will have an absolute value. if the parent div get to a certain width, the overflow value for the ad div will kick in and make it disappear. well thats how id do it anyways.
  • mcyates
  • Born
  • Born
  • mcyates
  • Posts: 4

Post 3+ Months Ago

could you put this in html format and post it back as a reply so i can test it on my forum.
  • dirkplug
  • Novice
  • Novice
  • User avatar
  • Posts: 17
  • Loc: The Netherlands

Post 3+ Months Ago

ok, try this.

<table border="1" width="100%">
<tr>
<td>&nbsp;</td>
<td><img border="0" src="http://www.dirkplug.com/images/kermisdata.jpg" width="253" height="75"></td>
<td>
&nbsp;</td>
</tr>
<tr>
<td>
<img border="0" src="http://www.dirkplug.com/images/kermisdata.jpg" width="253" height="75"></td>
<td>If you go to http://www.skysports.com look at the adverts on the right. If you mane the
internet explorer window gradually smaller you will see the adverts on the
right disappear, I guess this is so when people with lower resolutions log
onto the site the scroll bar doesn't appear at the bottom. I would like this
on my site so i can add the adverts.</td>
<td>
<img border="0" src="http://www.dirkplug.com/images/wnw2.jpg" width="265" height="59"></td>
</tr>
</table>

The picture in the second column prevents this column for getting smaller.
If you don't want a picture in this column, you can make a .gif with 1 pixel, make the pixel color the transparent color, and put this under or above the text. now with the properties of this image, make the width of this image as width as you need. for instance 400 pixels.
the viewer will not see the line for it is transparent, the download will be almost zero while the pictures original only has 1 pixel.

Good Luck

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 40 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.