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. XOOPS general usage questions 
  4.  / topic images problem in "small news"
Register
1
diffuze
topic images problem in "small news"

  • 2003/4/12 15:01

  • diffuze

  • Just popping in

  • Posts: 3

  • Since: 2002/9/11


Hi, I'm having problems with the news module.
When I write a newsitem that is small, like 2 or 3 lines of text, the topic image "bleeds" down to the newspost under it.

There's no way I can explain it better, but here is a link to a screenshot: topic images bleeding through

I have digged around in the themes and stylesheets to find a way to add some space under the newspost if it's smaller than the topic image, but no success.

Can anyone help me out ?
TIA
2
diffuze
Re: topic images problem in "small news"

  • 2003/4/12 16:04

  • diffuze

  • Just popping in

  • Posts: 3

  • Since: 2002/9/11


nevermind, I fixed it =)
3
Digiegirl
Re: topic images problem in "small news"

  • 2003/4/13 13:06

  • Digiegirl

  • Just popping in

  • Posts: 44

  • Since: 2002/8/23


Hi Diffuze,

I have the same problem and I was wondering if you could tell me how you fixed it.

Cheers,
Dee
4
diffuze
Re: topic images problem in "small news"

  • 2003/4/13 14:13

  • diffuze

  • Just popping in

  • Posts: 3

  • Since: 2002/9/11


I changed in the news_item.html template file. Mine now looks like this:
le="color: #000000"><?php <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"><table><tr><td align=left valign=top> <{$story.imglink}> <p class="itemText"><{$story.text}></p> </td></tr></table></div> <div class="itemFoot"> <span class="itemAdminLink"><{$story.adminlink}></span> <span class="itemPermaLink"><{$story.morelink}></span> </div> </div><br><br>


What I did was, that I added a table around the newspost itself. Lemme know if you don't understand my explanation!
=)
5
Digiegirl
Re: topic images problem in "small news"

  • 2003/4/13 14:25

  • Digiegirl

  • Just popping in

  • Posts: 44

  • Since: 2002/8/23


Thanks Diffuze! That did the trick
6
ronhab
Re: topic images problem in "small news"

  • 2003/5/8 20:26

  • ronhab

  • Friend of XOOPS

  • Posts: 160

  • Since: 2003/4/27


Worked for me too. Thank you! (PS - You should submit this as a patch to the developers if you haven't).
7
syphon
Re: topic images problem in "small news"

  • 2003/5/10 0:41

  • syphon

  • Just popping in

  • Posts: 1

  • Since: 2003/4/26


error ;)
8
Lance95
Re: topic images problem in "small news"

  • 2003/5/10 0:59

  • Lance95

  • Just popping in

  • Posts: 14

  • Since: 2003/5/9 2


actually there is a simpler solution to this as i found out when i had this problem too earlier ,, while tweaking with it.


here is the code u need to change ..
1 liner ..
in themes folder , and whatever themes u are using
style.css

change

".itemBody {padding-left: 5px; }"

to

".itemBody {padding-left: 5px; height: 100%;}"

and it will all work out ...
simple isnt it ... i was shocked myself ..
9
ronhab
Re: topic images problem in "small news"

  • 2003/5/10 3:11

  • ronhab

  • Friend of XOOPS

  • Posts: 160

  • Since: 2003/4/27


That one didn't work for me. An 80x80 topic image would still bleed down on a news article with 3 or less lines in its summary.
10
Lance95
Re: topic images problem in "small news"

  • 2003/5/12 3:22

  • Lance95

  • Just popping in

  • Posts: 14

  • Since: 2003/5/9 2


i tried it with a even bigger pictures and it work fine , even with 1 lines of small fonts ,,,

could be browser problem after this, as i remember reading it somewhere as percentage dont work for all browsers yet ,

you could try to use height : 80px ,,

and see wat that could do for u,, mine work for that .. but this is not the best solution but the most compatible
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

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