2014-07-12, 10:56 AM
Hey all,
Having a small problem which is most probs a small fix.
This is the problem:
Here is my template code:
Here is my CSS edit:
If I change:
To
It works perfectly without the thread titles going of the page.
All help is appreciated, thanks.
Having a small problem which is most probs a small fix.
This is the problem:
Here is my template code:
<span><div class="smalltext"><a href='{$forum['flp_lastpost']['profile']}' title='Lastpost by {$forum['flp_lastpost']['username']}'><img src='{$forum['flp_lastpost']['avatar']}' {$forum['flp_lastpost']['dimensions']} class="index-avatar" alt='' /></a></span><a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}<br />by <strong>{$lastpost_profilelink}</strong></span></div>
Here is my CSS edit:
.index-avatar {
width: 30px;
height: 30px;
float:left;
margin-right: 8px;
position:relative;
margin-top: 5px;
border: 1px solid #C5C5C5;
border-radius: 2px;
-moz-border-radius: 2px;
-o-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1 ease-in-out;
padding:2px;
}
If I change:
width: 30px;
height: 30px;
To
width: 10px;
height: 10px;
It works perfectly without the thread titles going of the page.
All help is appreciated, thanks.