PDA

View Full Version : Help with displaying members


Socca
05-04-2008, 05:24 PM
Hey,

If you visit the site (members) (http://team-efuzion.org/riza/?site=members), You will see the members page with cod2 squads etc.
I want to be able to spread out my members so that they arent tight next to each other . How can i fix the spacing between each member?

Here are the four files that make the members page work:

squads_head.html


<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr>
<td><span class="category_big">$name </span></td>

</tr>
</table>
<table cellspacing="0" cellpadding="0" width="95%">
<tr>
<td>

members_head.html


<TABLE cellspacing="0" cellpadding="0" width="50%" border="0">
<TR height="1">
<TD colspan="3"></TD>
</TR>
<TR>
<TD width="1"></TD>
<TD style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid;" >&nbsp;</TD>
<TD width="1"></TD>
</TR>
<TR>
<TD width="1"></TD>
<TD><TABLE cellSpacing="0" cellPadding="0" width="100%">
<TR>
<TD style="BORDER-TOP: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid">
<tr>

members_content.html


<td width="100%">
<table align="left" cellpadding="3" cellspacing="3" width="100%" border="0">
<tr MouseOver="this.bgColor='$bg2'" >
<td>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="middle" width="60%">
<p align="left">&nbsp;$nickname</td>
<td width="40%" valign="center">&nbsp;</td>
</tr>
<tr>
<td align="center"><a href="index.php?site=profile&id=$dm[userID]"><img src="images/userpics/$avatar" height="100" width="100" border="2"></a><br>&nbsp;</TD>
<td>
<p>Country: $country<br>
Position: $position<br>
Activity: $statuspic $activity<br>
Kontakt: $email $pm $buddy<BR>
</p></TD>
</tr>
</table>
</td>
</tr>
<tr>
<td><table align="center" cellpadding="0" cellspacing="1" width="99%">

</table></td></tr>
</table>
</td>

members_foot.html


</tr>
</TABLE></TD>
</TR>
</TABLE></TD>

</TR>
</TABLE>
</span>
<br>

Socca

Sagacious
05-04-2008, 06:11 PM
I'd advise you to use fewer tables - and use DIVs instead. Then you can wrap each member's details in a div and use CSS to put margins between each div. It would also mean your code would be cleaner to read as the CSS styles for each div would be held in a seperate file.

With your current HTML tables setup - the only thing I could suggest is to put a blank cell in between each member and make it as wide as you want.

Socca
05-05-2008, 05:37 PM
Thanks i got partly done im not sure anything else which would help it