By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,454 Members | 3,209 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,454 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a

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

Jul 20 '05 #2

P: n/a
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/
Jul 20 '05 #3

P: n/a
so*****@erols.com (Phil Powell) wrote in
news:1c**************************@posting.google.c om:


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,Verdana, 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>Home - Hemmet</a> <br>
<a href=/my/layout.php>I want Väl my way!</a>

Adam

Jul 20 '05 #4

P: n/a
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!!
Jul 20 '05 #5

P: n/a
"Alan J. Flavell" <fl*****@mail.cern.ch> wrote in
news:Pi*******************************@lxplus086.c ern.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?
Jul 20 '05 #6

P: n/a
brucie <br******@loser.brucies.com> wrote in news:1ludx87mkkwbb.dlg@alt-
html.org:
In post <Xn**********************************@195.92.193.1 57>
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.
Jul 20 '05 #7

P: n/a
On 27 Jul 2003 16:55:45 -0700, so*****@erols.com (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 :)
Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.