i need some help with vertical aligning.
i have a main table on my page which contains to other tables in one row but in separate TDs.
and this is how it looks like:
###########
########### ###########
########### ###########
########### ###########
########### ###########
########### ###########
########### ###########
###########
you see that second smaller table is centered vertically
but i want it to stay it on top, like this:
########### ###########
########### ###########
########### ###########
########### ###########
########### ###########
########### ###########
###########
###########
how do i achieve that?
NOTE: i dont want to use absolute or relative positioning
thanks
vertical aligning
-
- Posts: 504
- Joined: Sat May 07, 2005 8:03 am
- Contact:
-
- Posts: 348
- Joined: Thu Jan 12, 2006 8:24 pm
- Contact:
that's simple
insert this attribut to your td tag in your html code in which you want verttical alignment.
insert this attribut to your td tag in your html code in which you want verttical alignment.
Code: Select all
<td valign="top">
Yes, people starting out in HTML have difficulty with that one, especially if they use front page. I remember being introduced to HTML in school and they didn't teach us that, I learned by myself.
This is a message, a message from the all-mighty (me): You shall go here, you shall not complain: Breeze's Corner.
-
- Posts: 38
- Joined: Mon Apr 03, 2006 4:10 pm
wouldnt be a prob if you use a HTML editor such as Dreamweaver => just right **** on the table cell, choose verticle alignment => top ^_^
It's a good way of learning, after you done it with mouse **** you can switch to code view and see what code you need to write down to have that effect
It's a good way of learning, after you done it with mouse **** you can switch to code view and see what code you need to write down to have that effect
never mind!
----------------------------
----------------------------
Simple
It's pretty simple, you may want to check out http://www.htmlgoodies.com/ , there's alot of information on the basics there.
HTML:
CSS:
HTML:
Code: Select all
<table border="" width="" cellpadding="" cellspacing"" align="">
<tr>
<td valign="top"> (This is the left table) </td>
<td valign="top"> (This is the right table) </td>
</tr>
</table>
Code: Select all
<style type="text/css">
td {
vertical-align:top;
}
</style>