Affiliates - Consistent Size

[Lady Squid]

I tried looking in the code database, please forgive me if this code exists already.

I was wondering if there's a code I could use to make all of my scrolling affiliate images the same size, or at least the same height?

You can see them without logging in.

Forum:

armitagearmy.proboards.com/

thanks!

squid

[Tumbleweed]

What you can do is put a div with an id between the marquee and your affiliates

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="3">

<div id="my_affis">

All the affiliates here

</div>
</marquee>

Then what you can do is add this css above your affiliates table: (Set the 33px to the height you want)

<style>
#my_affis img{height: 33px;
}
</style>

You could put a width in there too but then they'd be really distorted.

[Lady Squid]

Wow, I just logged on just as you finished typing this. Thank you, I'll give it a try. Love your upside-down screen name too.

squid

[Tumbleweed]

Great timing then.  Hopefully, I'll get myself up-right soon. ha ha Post back if there is an issue with that.

[Lady Squid]

Brilliant, thank you! Worked perfectly!!

[Tumbleweed]

You're welcome. 

[Lady Squid]

This code works great for Firefox but I've discovered that using Safari on my iPad, it shrinks the forum down, and when I use it in Chrome on my Mac, it stacks up the images, rather than displaying them all in one line.


This is what Chrome does:


This is how it is supposed to look (how it looks in Firefox):



So - two questions - is there an easy fix for this?

And - what will happen when we go to V5 in a couple of weeks, will this code work and will the issue I mention get fixed? Thanks

squid

[Tumbleweed]

Well, since I don't have Safari downloaded (and won't - sorry) and I don't own an ipad nor do I have mac, I can't test any of your issues to find a solution. All I can do is give you some suggestions to try. For example, viewing your site, I don't even see the part where someone can affiliate with you. I'd suggest you set that to the width of your site, I think at 92% and that width should be in the table tag. You may want to also set a height to the table as well (account for the colspan line that says affiliates).

<table width='92%' height="70px" cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'>


You should know that the marquee html tag is obsolete and although most major browsers still render a marquee, eventually they'll drop it. However, on a side note, it seems css3 is picking up the marquee but I haven't a clue how that works. I'm sure it isn't helping either that some of those affi images are very long.

I don't know what to tell you and with V5, I think you'll see the exact same thing. 

[Lady Squid]

Hi again - the affiliate button is to the far right - "click here to affiliate" at the bottom, (you can see it in both screenshots above) it links to sending Admin a PM. (Just so you know, I didn't set ANY of this up). I didn't know that browsers would stop supporting the scrolling marquee feature either - thanks!

I just added your suggestion, it still doesn't help in Safari, but Chrome looks better.

It appears that we'll have to do away with this feature when we convert. Thanks again!