I'm stuck! My HTML Tables won't align right - HELP!

[Phil Powell]

Code:

<!-- script src="/js/val_header.js"> </script -->
<style>
<!--
BODY {
scrollbar-3d-light-color:#eeeedd;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#eeeedd;
scrollbar-face-color:#eeeedd;
scrollbar-highlight-color:#eeeedd;
scrollbar-shadow-color:#eeeedd;
background: #eeeedd url(http://valsignalandet.com/images/bg.jpg);
}
-->
</style>
<div align=right>

<table border=0 cellspacing=0 width=644>

<tr>
<td bgcolor=000000 width=46><font face="Georgia, Verdana, Arial,
Helvetica, sans-serif" size=3 color=ffffff>
<b>V</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>Ä</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>L</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>S</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>I</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>G</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>N</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>A</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>L</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>A</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>N</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>D</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>E</b></font>
</td>
<td bgcolor=000000 width=46><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 color=ffffff>
<b>T</b></font>
</td>

</tr>
</table>

<table border=0 align=right width=560>
<tr>
<td align=center width=35><font face="Georgia, Verdana, Arial,
Helvetica, sans-serif" size=3 >
<b>(</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>B</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>L</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>E</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>S</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>S</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>E</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>D</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>&nbsp;</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>&nbsp;</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>L</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>A</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>N</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>D</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>S</b></font>
</td>
<td align=center width=35><font face="Georgia,
Verdana, Arial, Helvetica, sans-serif" size=3 >
<b>)</b></font>
</td>

</tr>
</table>
<table border=0 align=right>
<tr>
<td><font face="Arial Narrow, Arial" size=1>A Christian community
for the "rest of us"</font></td>
</tr>
</table></div><p>
<div align=right><a href=/index.shtml>
<font face="Georgia, Verdana, Arial, Helvetica, sans-serif"
size=2>Home - Hemmet</a>
<br><a href=/my/layout.php>I want Väl my way!</a>
</font>
</div><p>

Everything I have done has caused this to fail; the tables are all
over the place. I want all of the tables to align to the right;
someone please help me, this is a simple problem and I can't believe I
can't do it!

Phil

[wasntme]

this would be easyer
<span style="color:#f fffff; font-family:Georgia, Verdana, Arial,
Helvetica, sans-serif; font-size:large; font-weight:bold;
letter-spacing:20px; text-align:right">VÄ LSIGNALANDET</span>

[David Dorward]

wasntme wrote:

this would be easyer
<span
text-align:right

The text-align property applies to block-level elements, it shouldn't hold
any influence over a span.

--
David Dorward http://david.us-lot.org/

[Adam]

so*****@erols.c om (Phil Powell) wrote in
news:1c******** *************** ***@posting.goo gle.com:

Everything I have done has caused this to fail; the tables are all
over the place. I want all of the tables to align to the right;
someone please help me, this is a simple problem and I can't believe I
can't do it!

Phil

Phil, why do you use a stylesheet, then use excessively repeated deprecated
tags such as <font>?

Why repeat the line <font face="Georgia,V erdana, Arial, Helvetica, sans-
serif" size=3 > more than THIRTY times when it can be a single stylesheet
command, or even just a single div command. Not only are filesizes smaller,
but editing and trouble-shooting is much easier.

In answer to your question, try this -

<style type="text/css">
<!--
..smallish {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;}
div.bw {background : black; color : white}
div.wb {
color: #000000;
background : #FFFFFF;}
body {
font-family: Georgia, Verdana, Arial, sans-serif;

scrollbar-3d-light-color:#eeeedd;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#eeeedd;
scrollbar-face-color:#eeeedd;
scrollbar-highlight-color:#eeeedd;
scrollbar-shadow-color:#eeeedd;
url(http://valsignalandet.com/images/bg.jpg);
}
td {
font-weight: bold;

width: 46px;
text-align: center;
}
table {
}
-->
</style>

</head>

<body>
<div align="right" class="bw">

<table border=0 cellspacing=0 width=644>
<tr>
<td> V </td>
<td> Ä </td>
<td> L </td>
<td> S </td>
<td> I </td>
<td> G </td>
<td> N </td>
<td> A </td>
<td> L </td>
<td> A </td>
<td> N </td>
<td> D </td>
<td> E </td>
<td> T </td>
</tr>
</table>
</div>

<div class="wb" align="right">

<table border=0 align=right width=560>
<tr><td>( B</td>
<td> L </td>
<td> E </td>
<td> S </td>
<td> S </td>
<td> E </td>
<td> D </td>
<td>&nbsp; </td>
<td>&nbsp; </td>
<td> L </td>
<td> A </td>
<td> N </td>
<td> D </td>
<td> S ) </td>

</tr>
</table></div>

<p>
<table border=0 align=right>
<tr>
<td><div class="smallish ">A Christian community for the "rest of
us"</div></td>
</tr>
</table></p>
<p><a href=/index.shtml></a></p>
<p><a href=/index.shtml>Hom e - Hemmet</a> <br>
<a href=/my/layout.php>I want Väl my way!</a>

Adam

[Alan J. Flavell]

On Mon, Jul 28, Adam inscribed on the eternal scroll:

[...] try this - .smallish {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;}

^^^^^^^^

You'd better not "try" that anywhere near me!!

[Adam]

"Alan J. Flavell" <fl*****@mail.c ern.ch> wrote in
news:Pi******** *************** ********@lxplus 086.cern.ch:

On Mon, Jul 28, Adam inscribed on the eternal scroll:

[...] try this -

.smallish {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;}

^^^^^^^^

You'd better not "try" that anywhere near me!!

Why not?

[Adam]

brucie <br******@loser .brucies.com> wrote in news:1ludx87mkk wbb.dlg@alt-
html.org:

In post <Xn************ *************** *******@195.92. 193.157>
Adam said...

font-size: xx-small;}
^^^^^^^^
You'd better not "try" that anywhere near me!!

Why not?

you do want people to be able to read the text don't you?

font-size:100%;

beautiful.

I'm no fan of small fonts, the original poster had it set as <font size=1>
so I was just putting it as close as possible in CSS terms. Having a mix of
CSS and deprecated html formatting makes trouble-shooting problems such as
the alignment problem harder. Not wishing to get too embroiled in the
accessibility issue, current thinking seems to be that separating style
from data and data structures is better for accessibility as the user can
use their own style sheeets, or disable them, or ignore them in the case of
speech readers etc.

Maybe {font-size : 50%} for small text would be better.

[Jane Withnolastname]

On 27 Jul 2003 16:55:45 -0700, so*****@erols.c om (Phil Powell) wrote:

Everything I have done has caused this to fail; the tables are all
over the place. I want all of the tables to align to the right;
someone please help me, this is a simple problem and I can't believe I
can't do it!

Try a <BR> or <P> between the tables.
What you have is just putting them next to each other. I think :)