well i got this code so far

Code:

Select All

 

<font size="2">
{if:online}X{/if:online}{ifnot:online}X{/ifnot:online}
     <center> {display_name} </center>     {if:gender}<img src={gender}.gif>{/if:gender}

<font size="2"> {BR}{if:online}X{/if:online}{ifnot:online}X{/ifnot:online} {BR} <center> {display_name} </center> {if:gender}<img src={gender}.gif>{/if:gender}

 

It should be all on the same line but its not atm, its showing up on 3 seperate lines

I'm confused as to what you're asking for support on.

As I stated over MSN - use a table to make the whole code, that'll get the whole thing to look like the concept.

<center> is a block level element which causes it to be on its own line. As Wrighty said, you could use a table to display that information:

Code: HTML

Select All

 

<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
    <tr>
        <td>
            <font size="2">{if:online}X{/if:online}{ifnot:online}X{/ifnot:online}</font>
        </td>
        <td align="center">
            <font size="2">{display_name}</font>
        </td>
        <td align="right">
            {if:gender}<img src="{gender}.gif">{/if:gender}
        </td>
    </tr>
</tbody>
</table>

<table width="100%" cellpadding="0" cellspacing="0"> {BR}<tbody> {BR} <tr> {BR} <td> {BR} <font size="2">{if:online}X{/if:online}{ifnot:online}X{/ifnot:online}</font> {BR} </td> {BR} <td align="center"> {BR} <font size="2">{display_name}</font> {BR} </td> {BR} <td align="right"> {BR} {if:gender}<img src="{gender}.gif">{/if:gender} {BR} </td> {BR} </tr> {BR}</tbody> {BR}</table>

 

Thanks , they are on the same line now, but the display name is further on the right then the center.

That's due to the differernt sized images/text either side of it!

I just suggest making images/text the same width!

Ah thought so , thanks