Not Centered....?

Pvt_Tracy

Up-and-Coming Sensation
Joined
Jun 18, 2012
Messages
294
Reaction score
0
FP$
256
I am having a huge problem trying to get my legend centered and you can see with the screen shot

not_cetered.webp

I have tried everything I can think of and nothing I do is working for me. I have resized the cells, tryied blank space, blank images, and many other things. As usual, it has to be something I am over looking. I am encluding the table code so that someone may be able to figure out what I am so blind to see.

Code:
<table class="auto-style6" style="width: 100%">
				<tr>
					<td style="width: 225">

					<center><script type="text/javascript" src="http://jb.revolvermaps.com/j.js"></script><script type="text/javascript">rm_j1st('6','180','true','false','000000','160c8pg8nqz','true','00fff6');</script><noscript><applet codebase="http://rb.revolvermaps.com/j" code="core.RE" width="180" height="180" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="160c8pg8nqz" /><param name="m" value="6" /><param name="s" value="180" /><param name="c" value="00fff6" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>					
					<td><br><br><br>
					<table cellpadding="20" class="auto-style6">
						<tr>
							<td>
							<table cellpadding="10" class="auto-style9">
								<tr>
									<td width="20" align="center">{FORUM_UNREAD_IMG}</td>
									<td>{L_NEW_POSTS}</td>
									<td>&nbsp;&nbsp;</td>
									<td width="20" align="center">{FORUM_IMG}</td>
									<td>{L_NO_NEW_POSTS}</td>
									<td>&nbsp;&nbsp;</td>
									<td width="20" align="center">{FORUM_LOCKED_IMG}</td>
									<td>{L_FORUM_LOCKED}</td>
								</tr>
							</table>
							</td>
						</tr>
					</table>
					</td>
					<td style="width: 150">

	<center>
	<br class="auto-style4"><br class="auto-style4"><br class="auto-style4">
	<br class="auto-style4">
<a href="http://www.forum-rank.com/index.php?page=in&amp;id=4">
<img src="http://www.forum-rank.com/index.php?page=button&amp;id=4" alt="Forum Rank Vote" title="Forum Rank Vote" border="0"></a>
<br>
<b><font size="-1">
<a href="http://www.forum-rank.com/index.php?page=in&amp;id=4">Forum Rank Vote</a>
</font></b>
</center>
<!-- end Forum Rank Vote code -->
<center><br class="auto-style4">
<a target="_blank" href="http://www.seoserp.com/SERP-page-rank-checker/">Page rank checker</a>
				</tr>
			</table>

If you need anything else, please let me know. I just want this to look as if it has been there the whole time and truly belongs there.
 
I have seen this before and the issue is with your "td" class. I took a look at your CSS and I found this:

td {
text align: left;
vertical-align: top;
padding-left: 0px;

When you remove the text-align: left; ,you can now see that your table moved back to the center. Click the link below to see what I am talking about:

http://cimg.ws/s/ee0d53a.png
 
This isn't fully solved but I am done with it. it works in 2 of my 4 browsers so I am settling for that. Thank you everyone for trying to help.
 
Back
Top Bottom