Forum Moderators: open

Message Too Old, No Replies

Forcing ads to stay to the side of text, and not make a huge space

I'm having trouble making my skyscraper type ads stay to the side.

         

Vistro

5:16 am on Feb 8, 2008 (gmt 0)

10+ Year Member



My ads are with bidvertiser, and tey use javascript to call thier ads. What I want to do is this:

Title
LinksLinks
__
¦ ¦ List:
¦ ¦ Item
¦ ¦ Item
¦ ¦ Item
¦A¦ Item
¦ ¦ Item
¦ ¦ Item
¦ ¦ More Content
¦ ¦
¦_¦

Basicly, I want to keep my ad to the side without creating a big gaping hole in the text (which in this case will be a list, which might yield different results, I honestly dont know).

So, what I'm trying to keep it from doing this

List:
Item
Item
___
¦ ¦
¦ ¦
¦ ¦
¦_¦
Item
Item
More Content

Heres a little about what the ad code looks like.
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://I REMOVED THE SOURCE" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">advertising</a></noscript>

tedster

5:29 am on Feb 8, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hello Vistro, and welcome to the forums.

You might put the ads in a container div that uses a style="float:left;" rule.

Vistro

12:55 pm on Feb 8, 2008 (gmt 0)

10+ Year Member



I'm kindof new to HTML, so can you please explain what a div is? How do I insert a rule?

Trace

2:22 pm on Feb 8, 2008 (gmt 0)

10+ Year Member



tedster's suggestion would look like this;

<div style="width:60px; float:left;">
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://I REMOVED THE SOURCE" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">advertising</a></noscript>
</div>

So what you really would want to do is


<div style="width:100%">
Title
LinksLinks
</div>

<div style="width:20%; float:left">
__
¦ ¦
¦ ¦
¦ ¦
¦ ¦
¦A¦
¦ ¦
¦ ¦
¦ ¦
¦ ¦
¦_¦
</div>

<div style="width:80%; float:left">
List:
Item
Item
Item
Item
Item
Item
More Content
<div>

[edited by: Trace at 2:26 pm (utc) on Feb. 8, 2008]