lines in the 'online users' box

[hollyboy]

I want to add lines so that image 1 become like image 2.
How do I have to change the code?
Thanks





This is the code:

<!-- logged-in users -->
<tbody>
	<tr>
		<td class="thead" colspan="2">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
			<a href="online.php?$session[sessionurl]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
		</td>
	</tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
	<tr>
		<td class="alt2"><a href="online.php?$session[sessionurl]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
		<td class="alt1" width="100%">
			<div class="smallfont">
		    	<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase>
<br /> <br /> 

<b>Legenda colori:</b>
<font class="smallfont" color="red">Amministratore</font> - 
<font class="smallfont" color="blue">Moderatore</font> - 
<font class="smallfont" color="#FF7F01">Grafico</font> - 
<font class="smallfont" color="blue"><i>Moderatore del mese</i></font> - 
<font class="smallfont" color="#008000">Interfan del mese</font> -
<font class="smallfont" color="#000000">Utente</font> 

<br /> 
<br /> 
</div>
 <div><b>Utenti Online:</b> $activeusers</div>
			</div>
		</td>
	</tr>
</tbody>
<!-- end logged-in users -->

[weirdpixels]

I might be missing something here, but I can't seem to see a difference between the 2 images.

Care to point it out?

[hollyboy]

image number 2 has two extra lines.
Check now:

[hollyboy]

bump

[feldon23]

Have you looked at using an <hr> tag?

[hollyboy]

never tried it.
How should I do?

[jamesyfx]

<!-- logged-in users -->
<tbody>
	<tr>
		<td class="thead" colspan="2">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
			<a href="online.php?$session[sessionurl]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
		</td>
	</tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
	<tr>
		<td class="alt2"><a href="online.php?$session[sessionurl]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
		<td class="alt1" width="100%">
			<div class="smallfont">
		 	<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase>
[color=red]<hr />[/color] <br /> 

<b>Legenda colori:</b>
<font class="smallfont" color="red">Amministratore</font> - 
<font class="smallfont" color="blue">Moderatore</font> - 
<font class="smallfont" color="#FF7F01">Grafico</font> - 
<font class="smallfont" color="blue"><i>Moderatore del mese</i></font> - 
<font class="smallfont" color="#008000">Interfan del mese</font> -
<font class="smallfont" color="#000000">Utente</font> 

[color=red]<hr />[/color] 
<br /> 
</div>
 <div><b>Utenti Online:</b> $activeusers</div>
			</div>
		</td>
	</tr>
</tbody>
<!-- end logged-in users -->

[hollyboy]

the problem is the line doesnt go all the lenght of the table have a look www.interfans.org/forum

[jamesyfx]

Yeah, I think thats what they're supposed to do.

Uh, a long shot, but try replacing <hr /> with

<hr style="margin-left: 0px; margin-right: 0px" />

[feldon23]

If you want it to go all the way to the left and right, you'll have to break out of the table and do something like:

<div style="border-bottom: solid black 1px;"><img src="spacer.gif" width=1 height=1></div>

I don't know anything about TBODY tags so I can't help ya there.