force banner to have specific width and height

**acqua** · Oct 19, 2012 13:44

how can i force a banner contained in the following code:

<script type="text/javascript" src="http://sdasdasdsasasdsdsccccc;cre=mu;js=y;target=_blank"></script>

to have a specific width and height?

i tried by putting it into a div, but still the banner keeps its original sizes

**BrianGarcia** · Oct 19, 2012 21:13

Perhaps having it in a div but do something like, to over ride the image.

Code:

#ad_code img { width: 400px; height: 100px }

**ralph.m** · Oct 20, 2012 00:35

@acqua: To me, it's not really clear what you mean by "a banner contained in the following code". Contained in what way?

**acqua** · Oct 20, 2012 11:02

Originally Posted by ralph.m

@acqua: To me, it's not really clear what you mean by "a banner contained in the following code". Contained in what way?

i have this ad banner ok?
<script type="text/javascript" src="http://sdasdasdsasasdsdsccccc;cre=mu;js=y;target=_blank"></script>
and the normal size would be 300x250

but my needs is to resize it to 200x200 so i need the div to "force" its widht and height, if possible

**ralph.m** · Oct 20, 2012 16:25

Originally Posted by acqua

i have this ad banner ok?
<script type="text/javascript" src="http://sdasdasdsasasdsdsccccc;cre=mu;js=y;target=_blank"></script>

That's not an ad banner. It's a line of JavaScript.

**acqua** · Oct 20, 2012 16:30

Originally Posted by ralph.m

That's not an ad banner. It's a line of JavaScript.

Ok it is a JS and it calls a banner
Is it possible to set the width and height of the JS?

**ralph.m** · Oct 20, 2012 16:35

Originally Posted by acqua

Is it possible to set the width and height of the JS?

No, the JS just pulls in the banner and then gets out of the way. So you need to set the size of the banner. We'd need to see the code that is pulled in to suggest how to target it with CSS.

**acqua** · Oct 20, 2012 17:03

Originally Posted by ralph.m

No, the JS just pulls in the banner and then gets out of the way. So you need to set the size of the banner. We'd need to see the code that is pulled in to suggest how to target it with CSS.

you mean you want to see the code?
it's more or less like the one i originally posted

**ralph.m** · Oct 20, 2012 17:12

Originally Posted by acqua

you mean you want to see the code?
it's more or less like the one i originally posted

Not the link to the JS file, but the actual HTML that is pulled in by that link. It will probably be a series of divs, perhaps an iframe etc. that contains all the content of the banner.

Are you able to link to the site? That would be the easiest option.

**acqua** · Oct 20, 2012 17:15

Originally Posted by ralph.m

Not the link to the JS file, but the actual HTML that is pulled in by that link. It will probably be a series of divs, perhaps an iframe etc. that contains all the content of the banner.

Are you able to link to the site? That would be the easiest option.

all i have is this code to put in the page where i need to show the banner:

Code:

<script type="text/javascript" src="http://fdssddfsddfsdf.eu/eas?cu=14940;cre=mu;js=y;target=_blank"></script>

and this other to put in the header code

Code:

<script type="text/javascript" language="JavaScript" src="http://fdssddfsddfsdf.eu/EAS_tag.1.0.js"></script>

**ralph.m** · Oct 20, 2012 17:25

OK, then we'd need to see the site to look at the code, or you can use the web inspector (right click on the banner in Chrome and choose Inspect Element) to see the code that is pulled in by that link.

**ralph.m** · Oct 20, 2012 19:32

Hm, doesn't seem to be easy to manipulate the code much, but you could do something simple like add this to your CSS to make it look a bit better:

Code:

ins {
  width: 100% !important;
  background: black;
}

**acqua** · Oct 21, 2012 03:33

Can u suggest inline css pls?

**ralph.m** · Oct 21, 2012 03:38

Originally Posted by acqua

Can u suggest inline css pls?

No, you can't do it inline, because you don't have access to the code. All you could do is put it in the head of your page like this:

Code:

<style>
ins {
  width: 100% !important;
  background: black;
}
</style>

**acqua** · Oct 21, 2012 05:55

I put the code in <div class="adv">

and recall the class in the header:

<style>
adv {
width: 100% !important;
background: black;
}
</style>

but the banner still show in the un-wanted size

**ralph.m** · Oct 21, 2012 06:17

You forgot the dot before "adv"

Code:

.adv {
width: 100% !important;
background: black;
}

**acqua** · Oct 21, 2012 08:04

Originally Posted by ralph.m

You forgot the dot before "adv"

Code:

.adv {
width: 100% !important;
background: black;
}

the problem now is the height change but width doesn't

**ralph.m** · Oct 21, 2012 08:20

You've set it to a width of 1px and a height of 10px

Code:

.adv {
width: 1px !important;
height: 10px !important;
background: black;
}

What are you actually trying to do here? Do you want to get rid of it altogether?

**acqua** · Oct 21, 2012 11:32

Originally Posted by ralph.m

You've set it to a width of 1px and a height of 10px

Code:

.adv {
width: 1px !important;
height: 10px !important;
background: black;
}

What are you actually trying to do here? Do you want to get rid of it altogether?

i simply want to force the banner to have:
width: 10px
height 10px

**TechnoBear** · Oct 21, 2012 12:42

Originally Posted by acqua

i simply want to force the banner to have:
width: 10px
height 10px

And are you saying that it doesn't work, even after changing width: 1px !important; (which is apparently what you have) to width: 10px !important; ?

**acqua** · Oct 21, 2012 12:44

The width does not change only the height does

**TechnoBear** · Oct 21, 2012 12:48

Can you post a link to your site so that we can see the full code and see what's going on here?

**TechnoBear** · Oct 21, 2012 13:03

OK, thanks, I got your PM with the link. You still have in your code

Code:

<style>
.adv {
  width: 1px !important;
height: 10px !important;
  background: black;
}
</style>

Change that 1px to 10px and the width will change.

Note that round about line 96 you also have

Code:

<style>
adv {
  width: 100px !important;
height: 10px !important;
  background: black;
}
</style>

That shouldn't be there and you ought to delete it.

**acqua** · Oct 21, 2012 13:46

i've removed

Code:

<style>
adv {
  width: 100px !important;
height: 10px !important;
  background: black;
}
</style>

and set width to 10px
but the width is still 100%

**ralph.m** · Oct 21, 2012 16:48

Originally Posted by acqua

the width is still 100%

I still don't get why you want it so small, because it's going to look awfully weird. Seems like you don't want it there at all. The div that you are setting to width: 10px is indeed going to that width, but the contents inside it are not being reduced in size, but are hanging out to their normal width. You could stop that by adding overflow: hidden; to the code above:

Code:

.adv {
  width: 100px !important;
  height: 10px !important;
  background: black;
  overflow: hidden;
}

You will only get a small, ten pixel square box doing this, though. What's your goal?

User Tag List

Thread: force banner to have specific width and height

Thread Tools

Display

force banner to have specific width and height

Bookmarks

Bookmarks

Posting Permissions