The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to put gap between pictures in widget

View previous topic View next topic Go down

Solved How to put gap between pictures in widget

Post by Robbob on November 9th 2012, 3:52 am

Hi,

I have put in a forum widget with pictures and I would like to put a small gap between the pictures. Best seen in the Minor Sponsers Wiget on the right hand of the forum page.

Just after some html code to put between the picture links, currently im using:

<div align="center"><a target="_blank" href="http://www.fishonproshop.com.au"><img src="http://i45.tinypic.com/70w32r.jpg">
<div align="center"><a target="_blank" href="http://www.tackleworldsandgate.com.au"><img src="http://i45.tinypic.com/jzcoet.png>

Forum is: http://brisbaneegiclub.forumotion.com/forum

Version: phpBB3

Thanks in advance for the help.


Robbob
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by SLGray on November 9th 2012, 4:07 am

Create a table:
Code:
[table border="0"]
[tr]
[td]IMAGE AND LINK [/td]
[/tr][tr]
[td]IMAGE AND LINK [/td]
[/tr][tr]
[td]IMAGE AND LINK [/td]
[/tr][tr]
[td]IMAGE AND LINK [/td]
[/tr][tr]
[td]IMAGE AND LINK [/td]
[/tr]
[/table]


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by Robbob on November 9th 2012, 4:18 am

Sorry my experiance with this is a total of 2 days worth:

Heres what I put in as the widget source:

<table border="0"><tr><td align="left"><href="http://www.fishonproshop.com.au"><img src="http://i45.tinypic.com/70w32r.jpg"> </td><td align="left"><href="http://www.tackleworldsandgate.com.au"><img src="http://i45.tinypic.com/jzcoet.png></td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr></table>

But now only the first picture comes up.

Robbob
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by SLGray on November 9th 2012, 4:24 am

Please reread my post. I posted the wrong code for a vertical table. I edited the post to post the correct code.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by Robbob on November 9th 2012, 5:11 am

OK its kind of working,

however the location of a few things have now changed (forummotion bar and admin panel link) and one of the pictures is on the right and off the page.

Code for this round is:

<table border="0">
<tr>
<td><align="left"><href="http://www.ejtodd.com.au/"><img src="http://i47.tinypic.com/6prb5g.jpg"></td>
</tr><tr>
<td><align="left"><href="http://www.shimanofish.com.au/"><img src="http://i48.tinypic.com/20r1qp3.jpg"></td>
</tr><tr>
<td><align="left"><href="http://gancraft.com/"><img src="http://i48.tinypic.com/2ik2i6f.jpg></td>
</tr><tr>
<td><align="left"><href="http://www.jml.net.au/"><img src="http://i46.tinypic.com/16745qe.jpg"></td>
</tr><tr>
<td><align="left"><href="http://daiwafishing.com.au/"><img src="http://i45.tinypic.com/1g3o2c.jpg"></td>
</tr><tr>
<td><align="left"><href="http://www.frogleysoffshore.com.au/"><img src="http://i47.tinypic.com/ddkqv7.jpg"></td>
</tr><tr>
<td><align="left"><href="http://www.frogleysoffshore.com.au/"><img src="http://i45.tinypic.com/106mzkh.jpg"></td>
</tr>
</table>

Robbob
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by Robbob on November 10th 2012, 9:48 am

OK so figured it out.

In one of the widgets there was a " missing from the end of a image source link, this cause the layout to go all weird.

All working good now thanks for the help earlier

Robbob
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to put gap between pictures in widget

Post by Jophy on November 10th 2012, 12:56 pm

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum