XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Modules Support forums / 
  3. Module troubleshooting 
  4.  / How can I add space between the image and text on Web Links?
Register
1
lintu
How can I add space between the image and text on Web Links?

  • 2007/6/25 19:13

  • lintu

  • Not too shy to talk

  • Posts: 103

  • Since: 2005/9/18


Hello,

I need to add space between the inserted image and text on the links on the Web Links module so that it will look nicer. Currently the text displays right next to the image. You can view it here:http://www.jigjak.com/modules/weblinks/viewcat.php?cid=4

I looked around and tried few things, but couldn't figure out what to do. Can anyone help? Thank you.

Abu
JigJak.com - A social Bookmarking & Blogging site.

ProjectMgr.net - Online Project Management Software
2
lintu
Re: How can I add space between the image and text on Web Links?

  • 2007/6/26 14:52

  • lintu

  • Not too shy to talk

  • Posts: 103

  • Since: 2005/9/18


Any one?
JigJak.com - A social Bookmarking & Blogging site.

ProjectMgr.net - Online Project Management Software
3
sabahan
Re: How can I add space between the image and text on Web Links?

  • 2007/6/26 16:19

  • sabahan

  • Quite a regular

  • Posts: 317

  • Since: 2006/3/4 5


hv u tried editing the template or the css style sheet
4
lintu
Re: How can I add space between the image and text on Web Links?

  • 2007/6/26 16:50

  • lintu

  • Not too shy to talk

  • Posts: 103

  • Since: 2005/9/18


Yes, I have tried changing it there and it won't work, because when you add the image and text, it passes it in together as '$link.description' and adding any code to the templete has no effect. I was wondering if there are any BBCode that I can use for this.

It's a simple thing but since the image and text is being saved together in the database, it's hard to modify the code.

Thx.
Abu
JigJak.com - A social Bookmarking & Blogging site.

ProjectMgr.net - Online Project Management Software
5
Quest
Re: How can I add space between the image and text on Web Links?

  • 2007/6/27 0:33

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


I know what you mean. It took me a while to finally figure a way to get them with some space betwen them. It is a nice module but I have found it to be very cumbersome to work with using the bb code and I can't seem to get the text editors loaded correctly so here is what I did.

I created a 5 px wide spacer gif pic. Actually I created several of varying lengths so they would work depending on what size the pic was I was using with the description text. Then I played around with it until I got it in the right spot which gave me the space/separation I needed so it looked more professional.

Quest
6
irmtfan
Re: How can I add space between the image and text on Web Links?

  • 2007/6/27 2:40

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


it can be easily done by set a margin for images.

according to your pages you have 2 solutions:

1- without touching weblinks templates add a div img{ margin: 3px;} to theme style.css
2- define a new class "weblinks_content" and add it to div part in the weblinks templates.maybe it has it already i dont familiar with weblinks module so dont know.
7
BlueStocking
Re: How can I add space between the image and text on Web Links?

The way I do it is put the image on a blank page with the same color background and then screen capture and crop leaving the amount of background around the image needed to create the unseen border.
https://xoops.org/modules/repository .. It is time to get involved - XOOPS.ORG
8
lintu
Re: How can I add space between the image and text on Web Links?

  • 2007/6/27 16:54

  • lintu

  • Not too shy to talk

  • Posts: 103

  • Since: 2005/9/18


Thank you all for replying to my post.

Quest & BlueStockings,
I tried your suggestions and it worked well!

Irmtfan,
I am not a php coder and couldn't figure out how to do what you suggested. It would have been great though to not having to mess with the images on all the links and let the code take care of it.

Thanks again!!!!
Abu
JigJak.com - A social Bookmarking & Blogging site.

ProjectMgr.net - Online Project Management Software

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

143 user(s) are online (92 user(s) are browsing Support Forums)

Members: 0

Guests: 143

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits