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

#1 July 20th, 2005, 04:20 PM

Code:


<style>

</style>
<div align=right>

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

<tr>
<td bgcolor=000000 width=46>
V
</td>
<td bgcolor=000000 width=46>
Ä
</td>
<td bgcolor=000000 width=46>
L
</td>
<td bgcolor=000000 width=46>
S
</td>
<td bgcolor=000000 width=46>
I
</td>
<td bgcolor=000000 width=46>
G
</td>
<td bgcolor=000000 width=46>
N
</td>
<td bgcolor=000000 width=46>
A
</td>
<td bgcolor=000000 width=46>
L
</td>
<td bgcolor=000000 width=46>
A
</td>
<td bgcolor=000000 width=46>
N
</td>
<td bgcolor=000000 width=46>
D
</td>
<td bgcolor=000000 width=46>
E
</td>
<td bgcolor=000000 width=46>
T
</td>

</tr>
</table>

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

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

</div>

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

#2 July 20th, 2005, 04:20 PM

this would be easyer
VÄLSIGNALANDET

#3 July 20th, 2005, 04:20 PM

wasntme wrote:
[color=blue]
>
> this would be easyer
> text-align:right[/color]

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/

#4 July 20th, 2005, 04:20 PM

soazine@erols.com (Phil Powell) wrote in
news:1cdca2a7.0307271555.62435f86@posting.google.c om:[color=blue]
>
>
> 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[/color]

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

Why repeat the line 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">

</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>  </td>
<td>  </td>
<td> L </td>
<td> A </td>
<td> N </td>
<td> D </td>
<td> S ) </td>

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


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

Adam

#5 July 20th, 2005, 04:20 PM

On Mon, Jul 28, Adam inscribed on the eternal scroll:
[color=blue]
> [...] try this -[/color]
[color=blue]
> .smallish {
> font-family: Arial, Helvetica, sans-serif;
> font-size: xx-small;}[/color]
^^^^^^^^

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

#6 July 20th, 2005, 04:20 PM

"Alan J. Flavell" <flavell@mail.cern.ch> wrote in
news:Pine.LNX.4.53.0307282337550.29364@lxplus086.c ern.ch:
[color=blue]
> On Mon, Jul 28, Adam inscribed on the eternal scroll:
>[color=green]
>> [...] try this -[/color]
>[color=green]
>> .smallish {
>> font-family: Arial, Helvetica, sans-serif;
>> font-size: xx-small;}[/color]
> ^^^^^^^^
>
> You'd better not "try" that anywhere near me!!
>
>
>[/color]

Why not?

#7 July 20th, 2005, 04:22 PM

brucie <brucie01@loser.brucies.com> wrote in news:1ludx87mkkwbb.dlg@alt-
html.org:
[color=blue]
> In post <Xns93C6F3D19C7A1adamdemonwebfsnetcou@195.92.193.1 57>
> Adam said...
>[color=green][color=darkred]
>>>> font-size: xx-small;}
>>> ^^^^^^^^
>>> You'd better not "try" that anywhere near me!![/color][/color]
>[color=green]
>> Why not?[/color]
>
> you do want people to be able to read the text don't you?
>
> font-size:100%;
>
> beautiful.
>[/color]

I'm no fan of small fonts, the original poster had it set as 
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.

#8 July 20th, 2005, 04:25 PM

On 27 Jul 2003 16:55:45 -0700, soazine@erols.com (Phil Powell) wrote:

[color=blue]
>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![/color]

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

What is Bytes?

Popular Articles