Closed Problem with OUGC Show Avatar on index (align of smalltext)

[noiredeb]

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:

1 2 3 4 5 6 7 8

<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" 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

[leefish]

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:

1 2 3 4 5 6 7 8

<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>

---

[noiredeb]

So and so, there is always the problem

maybe use div or other?

[leefish]

It is your styling and page set up deb.

Look at this:

HTML Code

1 2 3 4 5 6 7 8 9 10 11

<!-- 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 -->

---

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

HTML Code

<td class="tcat" width="200" align="center">

---

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 Code

<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>

---

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.

[noiredeb]

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

[leefish]

So, setting to solved