Forum Moderators: not2easy

Message Too Old, No Replies

CSS Challenge! (Marketbanker)

         

nicknotned

3:12 am on Apr 8, 2004 (gmt 0)

10+ Year Member



Ok dig this - (bear with my long explanation)

Marketbanker gives you a piece of code for ads on your website. The code spits out some really simple HTML. Something like this (for 3 text ads):

<a href="URL1"><span class="adHeadline">Blah Blah Blah</a><br><span class="adText">Blah Blah Blah</span></a><br>
<a href="URL2"><span class="adHeadline">Blah Blah Blah</a><br><span class="adText">Blah Blah Blah</span></a><br>
<a href="URL3"><span class="adHeadline">Blah Blah Blah</a><br><span class="adText">Blah Blah Blah</span></a>

So - there are two style elements involved: "adHeadline" and "adText".

They are receptive to my stylesheet in terms of font, size, etc... but for the life of me I cannot figure out how to get extra space between the ads!

(I've been working on it for literally days now!)

I cannot just add another <br> tag because the code comes from some remote JS. I have therefore been trying to add padding or margins to the "adHeadline" and "adText" span tags, and it works for side padding but not top or bottom, where I need it. Line-height's no good because it mucks up two line ads.

If you want to see the script itself - here it is:

<snip>

Can you figure out how to get an extra space in there? Consider this one a challenge!

Thanks!

[edited by: Woz at 9:58 am (utc) on April 8, 2004]
[edit reason] No URLs please, TOS#13 [/edit]

Purple Martin

3:45 am on Apr 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Nasty code with unclosed span tags!

Anyway - maybe you could use CSS to make the adText spans display as block-level elements. Then you could add top margins to them.

adText {
display: block;
margin-top: 10px;
}