Problem with OUGC Show Avatar on index (align of smalltext)
#1 06-07-2012 
Hi, I have a problem with this plugin on index, smalltext (last post title, date, author) isn't align to right:

http://img585.imageshack.us/img585/1014/catturagg.png

http://img840.imageshack.us/img840/5927/cattura2gs.png


I would like this:

http://i.imgur.com/bGGIK.jpg


In forumbit_depth2_forum I have:

Code:
<tr>
<td class="customhover" align="center" valign="top" width="1" onmouseover="this.style.cursor='pointer';" onclick="window.location='{$forum_url}'"><img src="{$mybb->settings['bburl']}/sezioni/{$forum['fid']}.png" alt=""></td></td>
<td class="customhover" valign="top" onmouseover="this.style.cursor='pointer';" onclick="window.location='{$forum_url}'">
<div class="big"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
<a href="{$forum_url}"><strong>{$forum['name']}</strong></a>{$forum_viewers_text}</div><div class="x">{$forum['description']}{$modlist}</div>{$subforums}
</td>
<td class="customhover" valign="top" align="left" style="white-space: nowrap" >{$lastpost}</td>
</tr>


and in forumbit_depth2_forum_lastpost:

Code:
<div style="float:right; margin: 10px; margin-bottom: -4px;min-height:35px;">
<table><tr><td></td>
<td>{$forum['avatar']}<span class="smalltext"><a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br/>{$lastpost_date} {$lastpost_time}<br/>{$lang->by} {$lastpost_profilelink}</span></td></tr></table>
</div>

maybe is this the problem? http://community.mybb.com/showthread.php...pid=251741

thanks
(This post was last modified: 15-10-2014 02:03 PM by noiredeb.)

0
#2 06-07-2012 
please add a link to board - I will look in firebug.

Ok, the problem is not in the avatar - it is in the TD. Remove the style="whitespace:nowrap"> from the last td in your forumbit_depth2_forum bit

Code:
<tr>
<td class="customhover" align="center" valign="top" width="1" onmouseover="this.style.cursor='pointer';" onclick="window.location='{$forum_url}'"><img src="{$mybb->settings['bburl']}/sezioni/{$forum['fid']}.png" alt="Omaggi e Concorsi"></td></td>
<td class="customhover" valign="top" onmouseover="this.style.cursor='pointer';" onclick="window.location='{$forum_url}'">
<div class="big"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
<a href="{$forum_url}"><strong>{$forum['name']}</strong></a>{$forum_viewers_text}</div><div class="x">{$forum['description']}{$modlist}</div>{$subforums}
</td>
<td class="customhover" valign="top" align="left">{$lastpost}</td>
</tr>
The site don't jive? PRESS F5 Flower

0
#3 06-07-2012 
So and so, there is always the problem Sad

maybe use div or other?

0
#4 06-07-2012 
It is your styling and page set up deb.

Look at this:

[html]
<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<thead>
<tbody id="cat_6_e">
<tr>
<td class="tcat" colspan="2">
<td class="tcat" width="200" align="center">
<span class="smalltext">
</td>
</tr>
<!-- start: forumbit_depth2_forum -->
[/html]

You are saying that the column with the last post is 200 pixels wide

[html]
<td class="tcat" width="200" align="center">
[/html]

That will cause some problems. You have a table inside a div in your forumbit_depth2_forum_lastpost - not needed. It is just extra DOM elements on the page.

[html]
<div style="float:right; margin: 10px; margin-bottom: -4px;min-height:35px;">
{$forum['avatar']}<span class="smalltext"><a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br/>{$lastpost_date} {$lastpost_time}<br/>{$lang->by} {$lastpost_profilelink}</span>
</div>
[/html]

Make the tcat wider (say 250) - and set it as a min-width as well. Think about making your smalltext smaller - 13 px is not small, or at least adding another class called smallertext.
The site don't jive? PRESS F5 Flower

0
#5 06-07-2012 
Thank you very much Lee! I got it! :o

I have added "min-width:250px" and "text-align:right" in forumbit_depth2_forum_lastpost and now it works! Thanks again Smile

0
#6 06-07-2012 
So, setting to solved Big Grin
The site don't jive? PRESS F5 Flower

0


Sorry, that is a members only option