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 Community Support forums / 
  3. Q and A 
  4.  / Possible image display bug?
Register
1
russtik
Possible image display bug?

  • 2004/12/13 12:54

  • russtik

  • Just popping in

  • Posts: 70

  • Since: 2004/8/13


I'm finding that when I submit content to a module (e.g. News, XOOPS FAQ etc.) with an image aligned either right or left, that the image extends beyond it's containing box and overlaps content below if the accompanying text is not long enough to flow underneath it.

If that doesn't make any sense there's an example here. Scroll down to pic of Ge*rge Dubya.

Anyone else noticed this with their site?

It's with XOOPS 2.0.7.3 and I've tested it on WinXP (IE 6 + Moz Firefox 1) MacOSX 10.3.6 (Safari 1.2.4 + IE 5.2) all with the same problem.

2
JMorris
Re: Possible image display bug?

  • 2004/12/13 14:32

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Wrap the paragraph in its own div with a minimum height of 400px.

<div style="min-height:400px; line-height:1.5em;">paragraph here</div>


Then to add a little spacing to the picture, add margin-right @ 10px

<img height="300" alt="George Bush" src="http://news.bbc.co.uk/media/images/39350000/jpg/_39350125_bush_ap.jpg" width="245" align="left" style="margin-right:10px;"/>


It ain't the prettiest solution, but it works. If you had more content in the article, there wouldn't be a problem, but for short articles with large pictures, the above will work.

Hope this helps.
3
Herko
Re: Possible image display bug?

  • 2004/12/13 14:38

  • Herko

  • XOOPS is my life!

  • Posts: 4238

  • Since: 2002/2/4 1


what works better is to use a <div style="clear: both;"></div> after the news text. That will move the next bit of text below any content in the previous divs.

Herko
4
JMorris
Re: Possible image display bug?

  • 2004/12/13 14:47

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Oh, Ok, I'm an idiot, I had the div tags in the wrong place.

<div style="clear: both;"><p class="itemText"><b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</b> <br /><br /><img height="300" alt="George Bush" src="http://news.bbc.co.uk/media/images/39350000/jpg/_39350125_bush_ap.jpg" width="245" align="left" style="margin-right:10px;"/>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 </div>


Shouldn't mess with code before my first gallon of coffee.

Thanks Herko.
5
russtik
Re: Possible image display bug?

  • 2004/12/13 15:03

  • russtik

  • Just popping in

  • Posts: 70

  • Since: 2004/8/13


Yeah, that workaround assumes the user has a knowledge of html and css. It's not really a solution is it?

What's needed is the ability to align images without having to personally include non-semantic markup at the end of the article.

Any ideas?
6
JMorris
Re: Possible image display bug?

  • 2004/12/13 15:11

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Try a different theme?

If you're going to own a website, it kinda makes sense to learn a little html and css. Just a suggestion. Besides, we gave you the code, just plug it in.

Here's a good starting place:

http://www.w3schools.com/

EDIT: Just a side note. The problem you're having is not a bug. You'd have the same problem if you coded the site by hand. That's why it is important to learn at least a little html and css if you're going to own a site.
7
russtik
Re: Possible image display bug?

  • 2004/12/13 15:25

  • russtik

  • Just popping in

  • Posts: 70

  • Since: 2004/8/13


JMorris,

Ha ! I do know planty of html + css thanks, but I can't assume the users of site's I put online will. That's just bad design.

I forgot to mention in the first post that I've tried it with all three themes packaged with XOOPS and the same problem arises.

The solution needs to allow users with no knowledge of code to be able to include aligned images solely through interface controls.
8
JMorris
Re: Possible image display bug?

  • 2004/12/13 15:31

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Well, there is the image manager that's built into Xoops. Just for curiosity sake, I'll post your image and filler content below this message.

Resized ImageLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
9
JMorris
Re: Possible image display bug?

  • 2004/12/13 15:37

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Looks pretty good on a three column site if you ask me. Now back to your comments....

Quote:
Ha ! I do know planty of html + css thanks, but I can't assume the users of site's I put online will.


Given your comments earlier, it was a pretty safe assumption that you were the one that didn't know html and css. I apologies if I offended.

That's just bad design.


It's true that the image manager does have some limitations. Perhaps you could offer a suggestion to improve opposed to just criticism. Also, there is a very nice WYSIWYG editor for Xoops. It's a port of HTML Area. You can read more about it Here.

Hope this is more of what you were looking for.

Just trying to help.
10
russtik
Re: Possible image display bug?

  • 2004/12/13 15:45

  • russtik

  • Just popping in

  • Posts: 70

  • Since: 2004/8/13


The issue is not prevalent in NewBB (evidently), I've experienced it in modules like News and XOOPS FAQ.

using the image manager to include aligned images produces the same results as it inevitably uses the XOOPS code. The only difference being that the image is uploaded the host server instead of an external link.

Following the original link I posted to my test site you'll see the latest news article I submitted using the image manager.
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

231 user(s) are online (171 user(s) are browsing Support Forums)

Members: 0

Guests: 231

more...

Donat-O-Meter

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

Latest GitHub Commits