1
arrakis
spacing images in articles by using image manager
  • 2004/10/8 6:44

  • arrakis

  • Just popping in

  • Posts: 50

  • Since: 2004/10/1


Hi all, when I add a new article in xoops, using "news", "sections", "wf-sections", etc, and I want to put an image inside the text, I use image manager, that put this code inside the text:

[img align=right ]http://www.domain.com/uploads/img415a6569e63d2.jpg[/img ]

and it works fine, but I would like to have a spacing between the pixels of the image and the text, because the text is attached to the image and that's not good. To solve this problem I use to upload the file into a dir in the site and use html intead:

<img align="left" hspace="5"
src="http://www.domain.com/uploadimages/img415fe3e6bb4fe.gif">


Now I have to give access to some people who will write articles but have no minimal idea how to use ftp or html code.

I tryed to add that spacing with the image manager code, in different ways, but I wasn't successfull and I also didn't find any reference on the [img] tags.

It is possible to add the horizontal spacing with image manager? Or is possible to specify a global horizontal spacing for all the images in the articles without effecting the images of the templates and other places that doesen't need spacing?

Thanks in advance

2
hervet
Re: spacing images in articles by using image manager
  • 2004/10/8 15:12

  • hervet

  • Friend of XOOPS

  • Posts: 2267

  • Since: 2003/11/4


Hello,

May be you could try to add an html space between the picture and the text (remove all the spaces between letters) :
& n b s p ;

Or, when you create your pictures, add a blank border ?

Bye,
Hervé

3
studioC
Re: spacing images in articles by using image manager
  • 2004/10/8 15:34

  • studioC

  • Friend of XOOPS

  • Posts: 922

  • Since: 2003/12/7


hello arrakis

using spacerimages isn't very readable within code.
to solve this problem you may add:

img {padding:10px}

to your style.css -
but this will have effect to all images calling with the image tag.


one solution could be like this:

If you are able to edit the modultemplates of the modul you are talking about (news", "sections") define an "id" around the content which your people should submit...

as an example from (part of) modultemplate news_item.html from newsmodul ..:


<h1>.... normally there is a title ..</h1>
<p id="inputcontent"><{$story.text}></p>


and define in your css:

#inputcontent img {padding:10px}

As always within xoops, there is more than one way to catch that cow. hope it helps!

michael

4
arrakis
Re: spacing images in articles by using image manager
  • 2004/10/8 16:43

  • arrakis

  • Just popping in

  • Posts: 50

  • Since: 2004/10/1


Quote:

hervet wrote:
May be you could try to add an html space between the picture and the text (remove all the spaces between letters) :
& n b s p ;

Or, when you create your pictures, add a blank border ?

Bye,
Hervé


Hello, with the empty space the only first word will be spaced, but not the wrapped text that will begin attached to the image.

I thought to add a blank border but is not a good idea in the middle or long term use, if one day you would want to change background style then you will find with hundreds of blank borders to remove..

Thanks anyway for the suggestions

5
arrakis
Re: spacing images in articles by using image manager
  • 2004/10/8 16:47

  • arrakis

  • Just popping in

  • Posts: 50

  • Since: 2004/10/1


Quote:

studioC wrote:
one solution could be like this:
If you are able to edit the modultemplates of the modul you are talking about (news", "sections") define an "id" around the content which your people should submit...
as an example from (part of) modultemplate news_item.html from newsmodul ..:
<h1>.... normally there is a title ..</h1>
<p id="inputcontent"><{$story.text}></p>
and define in your css:
#inputcontent img {padding:10px}
As always within xoops, there is more than one way to catch that cow. hope it helps!

michael


Hello Michael, thanks very much for the suggestion! I exactly did as you suggested and It works perfect

Thanks again!

Login

Who's Online

199 user(s) are online (121 user(s) are browsing Support Forums)


Members: 0


Guests: 199


more...

Donat-O-Meter

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

Latest GitHub Commits