I'm not sure if this is caused by XOOPS' CSS or if it is to do with the News module (or both) but the thumbnails beside the News articles are not displaying correctly.

The images themselves are fine but the box for the article doesn't seem to resize to the image and thus the images appear on the next few lines.

Checkout my site to see what I mean.

http://rider.net.nz

This seems to be happening in ALL browsers.

rider,

Checked out your site and didnt see a problem. My res though is at 1024etc.

HOWEVER, I am familiar with a similar problem. I was able to solve it by adding some hard returns after the "lead in text"...

If that doesnt do it then the image is just to big perhaps?

Yes I had the same problem with XOOPS default, the x2t theme does not have this you can put any size of topic image in without having to do hard returns to fill the overlap.

What is your default template for the theme? it is your default template which is controlling the look of the news module

In XOOPS default template the code for "news_item.html" --which is the news items of front page looks like this:

<div class="item">
<div class="itemHead"><span class="itemTitle"><{$story.title}></span></div>
<div class="itemInfo">
<span class="itemPoster"><{$lang_postedby}> <{$story.poster}></span> <span class="itemPostDate"><{$lang_on}> <{$story.posttime}></span> (<span class="itemStats"><{$story.hits}> <{$lang_reads}></span>)
</div>
<div class="itemBody">
<{$story.imglink}>
<p class="itemText"><{$story.text}></p>
</div>
<div class="itemFoot">
<span class="itemAdminLink"><{$story.adminlink}></span> <span class="itemPermaLink"><{$story.morelink}></span>
</div>
</div>

END

In x2t the "news_item.html" looks like this:

<table width="100%" border="0" cellpadding="0" cellspacing="5" align="center">
<tr>
<td width="100%" valign="top" class="newsTitle" colspan="2"><img src="<{$xoops_imageurl}>folder.gif" align="middle" alt="" /> <b><{$story.title}></b></td>
</tr>
<tr>
<td width="100%" colspan="2" class="newsPoster"> <{$lang_postedby}> <{$story.poster}> <span class="textPoster"><{$lang_on}> <{$story.posttime}> (<{$story.hits}> <{$lang_reads}>)</span></td>
</tr>
<tr>
<{if $story.align == "left" }>
<td width="17%" valign="top" class="newsMisc">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" valign="top" align="center">
<{$story.imglink}></td>
<tr>
<td width="100%" valign="top" align="center" style="padding: 3px;">
<a href="print.php?storyid=<{$story.id}>" target="_blank"><img src="images/print.gif" alt="<{$lang_printerpage}>" /></a>
<a target="_top" href="<{$story.mail_link}>"><img src="images/friend.gif" alt="<{$lang_sendstory}>" /></a>
</td></tr></table>
</td>
<td width="83%" class="newsContent" valign="top">
<{$story.text}>
</td>
<{else}>
<td width="83%" class="newsContent" valign="top">
<{$story.text}>
</td>
<td width="17%" valign="top" class="newsMisc">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" valign="top" align="center">
<{$story.imglink}></td>
</tr>
<tr>
<td width="100%" valign="top" align="center" style="padding: 3px;">
<a href="print.php?storyid=<{$story.id}>" target="_BLANK"><img src="images/print.gif" alt="<{$lang_printerpage}>" /></a>
<a target="_top" href="<{$story.mail_link}>"><img src="images/friend.gif" alt="<{$lang_sendstory}>" /></a>
</td></tr></table>

</td>
<{/if}>
</tr>
<tr>
<td width="100%" colspan="2" class="newsPoster" align="right"><span class="textPoster"><{$story.adminlink}> <{$story.morelink}> </span></td>
</tr>
</table>
<br />


End

The point is, you will find that whatever your default template is--will probably work with larger images with "tables" rather than "divs" (i am no expert perhaps a coder has a simpler way)

you also will need to change news_article.html which is the full article view file

there is a tutorial on the wiki about templates

My resolution is the same as yours.

I did use hard returns to fix the problem but this is besides the point.

I don't think it is an issue with XOOPS as such but an issue maybe with the implementation of the DIV tags in the browsers.

Now that I think of it, I have many issues trying to use the DIV tags in normal HTML.

I guess the problem is the way W3C has set the guidelines for using them.

I get the same problems with IE and Mozilla.

Haven't been home yet to try out Safari.

My theme is basically a modified version of PHPKaox.

It is supposedly using tables which is why the annoying thing with the formatting. Tables shouldn't cause this display problem.

However, I will try looking through the file you mentioned.

Thanks.

hmmmmm
thought we had fixed this too...
but unfortunately (especially lately) our news section looks like crud!

did the div to table conversion work?

Anyone can see this problem on our site too just by clicking on menu item news.

(our site in my profile...)

Any feedback would be great, thanks!

i noticed the same thing on one of my XOOPS test sites... i was trying to use the news topic images that i have at my cs map site, yet they were too large for any news post that were less than a paragraph, lol

is the image's size not being defined by XOOPS or the themes? that could be why the layout isn't compensating (but i dunno, i'm no html buff)

apparently wrapping the the article content in a table does the trick....
see this post

ah, cool beans, surprised that hadn't already been thought of

thx for the link