How do banners appear next to each other?

by smurfavr October 13th 2017, 7:30 am

How do banners appear next to each other?
Display/Generalities

How do banners appear next to each other? EdfeJPGJMa03Dv

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span> </div><img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" /><img src="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" />

by **skouliki** October 13th 2017, 7:36 am

hello you want them to be side by side?

by smurfavr October 13th 2017, 7:39 am

by **skouliki** October 13th 2017, 7:45 am

if the space isnt big enough then the images automatically goes one after the other

by smurfavr October 13th 2017, 7:47 am

Can not the forum automatically resize the banners?

by **skouliki** October 13th 2017, 8:31 am

no, you must do it by resizing the original file cause the image is gif or by using html tags
the forum resizes the images in the posts

try this

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span></div><div align="left"> <img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" /><imgsrc="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" /> </div>

by smurfavr October 13th 2017, 8:41 am

skouliki wrote:no, you must do it by resizing the original file cause the image is gif
the forum resizes the images in the posts

try this
Code:
<div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span></div><div align="left"> <img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" /><imgsrc="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" /> </div>

i can resize them if you want just open a request in the graphics section

This shows only one banner.

by **skouliki** October 13th 2017, 8:42 am

i think the issue is you dont have enough space for both images width to be side by side

use this to resize the banners with html

Code:: <img src="test.gif" height="number" width="number">

When resizing an image, you need to maintain the aspect ratio
otherwise, the image could become distorted and lose some image quality.

by smurfavr October 13th 2017, 9:19 am

Right?

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span> </div><img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" /><img src="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" />

by **skouliki** October 13th 2017, 9:26 am

skouliki wrote:i think the issue is you dont have enough space for both images width to be side by side

use this to resize the banners with html
Code:
<img src="test.gif" height="number" width="number">

When resizing an image, you need to maintain the aspect ratio
otherwise, the image could become distorted and lose some image quality.

you didnt use the above code for every banner

by smurfavr October 13th 2017, 9:30 am

I did not understand how to do it. Can you do it and give it to the topic?

by **skouliki** October 13th 2017, 9:42 am

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span> </div> <img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" height="38" width="300" > <img src="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" height="38" width="300" >

you can change the height and width to your likeness

by smurfavr October 13th 2017, 10:19 am

Thank you. Now it works. Can you make the code I've given?

Code:: <div align="center"> <script type="text/javascript">(function() { var _randomImages = [ 'http://i39.servimg.com/u/f39/16/34/78/03/lfszon10.png', 'http://i21.servimg.com/u/f21/16/34/78/03/cs_meg10.gif', 'http://i58.servimg.com/u/f58/16/34/78/03/63027710.gif', 'http://i86.servimg.com/u/f86/16/34/78/03/banner10.gif', 'http://i86.servimg.com/u/f86/16/34/78/03/reklam10.gif', ' https://i58.servimg.com/u/f58/16/34/78/03/79175210.png', ], _randomURLs = [ 'http://lfszone.com/forum', 'http://csmegagaming.com/', 'http://brutal-servers.info/', 'http://smurfa.bulgarianforum.net/portal', 'http://smurfa.bulgarianforum.net/portal', 'http://csportal-bg.in/forum/', ]; function _randomImage() { var index = Math.floor(Math.random() * _randomImages.length), img = _randomImages[index], url = _randomURLs[index]; _randomImages.splice(index, 1); _randomURLs.splice(index, 1); return '<a href="' + url + '" target="_blank"><img src="' + img + '"/></a>'; }; document.write('<div id="randomBanner">' + _randomImage() + ' ' + _randomImage() + '</div>'); }());</script> </div>

by **skouliki** October 13th 2017, 10:27 am

is this related to your original issue? if not then please open a new thread about it and mark this as solved
thank you

by smurfavr October 13th 2017, 10:29 am

This is the same problem, but I use this code on my forum.

by **skouliki** October 13th 2017, 10:36 am

ok so you want all the images to be side by side also?
i think the code is random images not altogether
where do you use it ? and how

by smurfavr October 13th 2017, 10:42 am

Everything is the same, only the code is different.
Just edit the code with these rows.
380px; height: 58px;

by **skouliki** October 13th 2017, 10:45 am

its not the same you can not use html tags into a java code

by smurfavr October 13th 2017, 10:49 am

OK. I want to click on a banner to open the page for which the banner is.
Link banner.
https://i.servimg.com/u/f58/16/34/78/03/sait-g11.gif
Link site.
http://smurfa.bulgarianforum.net/

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span> </div><img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" style="width: 380px; height: 58px;" /><img src="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" style="width: 380px; height: 58px;" />

by **skouliki** October 13th 2017, 11:18 am

Code:: <div align="center"> <span style="color: #FF0000;"><span style="font-size: 16px;">РЕКЛАМА</span></span></div> <a href="http://smurfa.bulgarianforum.net/"><img src="http://i58.servimg.com/u/f58/16/34/78/03/sait-g11.gif" style="width: 380px; height: 58px;" /></a> <a href="http://smurfa.bulgarianforum.net/"><img src="http://i58.servimg.com/u/f58/16/34/78/03/new-ne11.gif" style="width: 380px; height: 58px;" /> </a>