Forum Moderators: mack

Message Too Old, No Replies

ALIGNMENT of TEXT on a page. Can't get it to align at the top of page

Need help with tables and aligning the text at top of page. Please help:)

         

frenzy77

2:06 am on Jul 14, 2005 (gmt 0)

10+ Year Member



Hi guys:)

I'm hoping you guys can help.

Well....

I'm trying to get my text to align at the top. I have a table and a div. followed by another table and another div. Both are for navigation.

The problem is when i place my text in the next <td width="575"> it aligns my text at a lower level.

I would like to align my text at the top of the page.

Here is my code:

<html>
<head>

blah blah blah
</head>

<body>

<table width="100%" cellpadding="0" cellspacing="0">

<tr>
<td valign="top" width="141">

<div id="list">
<ul>

<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="resources.html">PURCHASE</a>
</li>
<li>
<a href="abc.html">Info</a>
</li>

</ul>
</div>
</td>
</tr>
</table>
<br />
<br />

<table width="100%" cellpadding="0" cellspacing="0">

<tr>
<td valign="top" width="141">

<div id="nav">
<ul>

<li>
<a href="resources-1.html">Resources 1</a>
</li>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="resources.html">Resources 2</a>
</li>
<li>
<a href="score.html"><i>Score</i></a>
</li>

</ul>
</div>
</td>

<td valign="top" width="575">

<p>

abcdefg...........

</p>

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

</body>
</html>

Well,...
please help... i'd like to have my text align at the top.

Thanks guys for all your help:)

frenzy77

tbear

2:55 am on Jul 14, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The problem seems to be that you have two tables (for layout), one above the other. It will be impossible to bring the text in the lower table up to the top of the upper table.

I suggest you consider using just one table, like so:

<html>
<head>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="141">
<div id="list">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="resources.html">PURCHASE</a>
</li>
<li>
<a href="abc.html">Info</a>
</li>
</ul>
</div>
<div id="nav">
<ul>
<li>
<a href="resources-1.html">Resources 1</a>
</li>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="resources.html">Resources 2</a>
</li>
<li>
<a href="score.html"><i>Score</i></a>
</li>
</ul>
</div>
</td>
<td width="575" valign="top">
<p>
abcdefg...........
</p>
</td>
</tr>
</table>
</body>
</html>

There may be a more elegant way (using tables), but I'll leave that to the imagination of others ;)

frenzy77

3:24 am on Jul 14, 2005 (gmt 0)

10+ Year Member



Thanks tbear:)

I appreciate your help:)

But i had this code setup like the one you showed me.

I was trying to split the Navigation into 2 separate
sections. One above the other followed by text at the top of the page.

Q.1. Is it possible to split the navigation into 2 sections then after these 2 sections place my text at the top?

Q.2. Or is it only possible to use only the same setup above with linebreaks to split the navigation?

Q.3.Another option, could i place the second navogation list after the text in a separate <td>?

>>And will the *spiders* see this navigation after the text?<<<

For example:

<table width= etc.........>

blah blah blah

</td>

<td width="575">

<p>
blah....
</p>

</td>

<td width="141">

LINK NAV.

</td>

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

Is this ok?

And will spiders see the last set of links?

Q.4. Also for the last set of links, do i need a <div> or can i just list the links as text links?

Like this:

<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>

Etc...

Well, please help and thank you again for your previous help as well as for these questions:)

frenzy77

MichaelBluejay

1:21 am on Jul 15, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I tried to help with this but I don't understand what you're asking. In particular:

Q.1. Is it possible to split the navigation into 2 sections then after these 2 sections place my text at the top?

...makes no sense to me.

frenzy77

4:25 am on Jul 15, 2005 (gmt 0)

10+ Year Member



Hi MichaelBluejay:)

When i said split the nav. i meant having a main nav.
and then beneath this nav. a few spaces followed by a new nav. Sort of like a sub-nav with other topics.

Then The content of the page would be listed at the top of the page.(2 column layout)

Like this:

>NAV.
spaceing
>NEW NAV
>new <td> with
content of page at the top.

I wanted this setup for "themeing" the site and breaking up the the topics.

Well, i hope this explains it:)

Thanks for your replies:)

frenzy77