Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Aligning somthing to the top in a cell
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
kles



Joined: 28 Jun 2004
Posts: 2
PostPosted: Mon Jun 28, 2004 3:36 pm     Aligning somthing to the top in a cell Reply with quote
Hi, I'm new here,

Is there a way to align text to the top of a cell?
I'm making a sidebar kind of page and so to place items on the sidebar I created a 2-cell table. However, since the cell on the right has much more text than the one on the left(it only has the links to the other parts of the site, as usual) the items on the sidebar go down, in order to center in the cell. I want them to stay on top of the cell though. How can I do that?

Thanks
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
PostPosted: Wed Jun 30, 2004 6:11 am     Reply with quote
Welcome to the forum!

Here is a snipet of code showing the use of valign for table data.

I have uploaded this HTML for you to have a look as well. http://www.buildersmatrix.com/info/testvalign.html - is this what you needed?

Code:
<html>
<head>
<title>Vertical Alignment Test Page</title>
</head>
<body>
      <table width=600 align=center border=1>
             <tr>
                 <td width=100% height=70 valign=top align=center>
                     <font face=arial size=2><b>Text sample #1 at top</b></font>
                 </td>
             </tr>
             <tr>
                 <td width=100% height=70 valign=center align=center>
                     <font face=arial size=2><b>Text sample #2 at center</b></font>
                 </td>
             </tr>
             <tr>
                 <td width=100% height=70 valign=bottom align=center>
                     <font face=arial size=2><b>Text sample #3 at bottom</b></font>
                 </td>
             </tr>
      </table>
</body>
</html>
kles



Joined: 28 Jun 2004
Posts: 2
PostPosted: Fri Jul 02, 2004 3:22 am     Reply with quote
Thanks a lot Very Happy
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
PostPosted: Fri Jul 02, 2004 3:54 am     Reply with quote
You're more than welcome!
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial