I have a table. This table is one row with three columns. If I want to get said table to be vertically aligned, where would I stick the valign tag? And it’s valign=middle, correct? The page is here, there’s a lot of broken links and shit, don’t judge me. The picture us of my improv group, I’m the second from the left, in back of the dude with the spikey hair. Any imput would be appreciated.
Screw vB code. http://www.thesoapflakes.com/home.html
The values of the valign attribute are top, middle, bottom, and baseline. It is an attribute of the <tr>, <td>, and <th> tags. See:
http://www.blooberry.com/indexdot/html/tagindex/t.htm
The best on-line source I’ve found for HTML info is The Web Developer’s Virtual Library.
Web resources are a good thing, but if you need actual human help, I’d be glad to assist. But if you want me to, can you be a little more clear about exactly what you want? You want to center the entire table on the page, vertically?
I usually align tables in rows facing the door of the room. You do need to remember to leave enough space between tables for people to push their chairs out, which cuts down somewhat on the number of tables you can align. And I have seen some odd diagonal allignement, but that’s probably too outre for an improv group.
DaAce, you sure she’s not trying to align their energies or something, i think you’ve misunderstood 
:rolleyes:
Thanks, Necros. I’m trying to get that whole thing centered both vertically and horizontally. I have it centered horizontally, now I just want it floating in the middle of the page.
You can’t make it in the middle of someone’s monitor because that depends on other factors. You can use some spacing at the top to push the table down. e.g.
<!doctype html public “-//w3c//dtd html 4.0 transitional//en”>
<html>
<head>
<title>temp</title>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<center><table BORDER >
<tr>
<td ALIGN=CENTER VALIGN=CENTER></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table></center>
</body>
</html>
I think the best way to get it to float in the middle of the page, vertically, is to put the table you’ve already built into another table, thusly:
Make a new table, one column, three rows. Put the table you already have in the center row. Make the new table’s width and height= 100%, with the top and bottom rows’ height= 33%, and the middle row height= 34%. Here’s the code:
<table border=“0” cellspacing=“0” cellpadding=“0” width=“100%” height=“100%”>
<tr>
<td height=“33%”> </td>
</tr>
<tr>
<td height=“34%”>
<table BORDER cellpadding=“2” align=“center” valign=“middle”>
<tr valign=“middle”>
<td><a href=“http://www.thesoapflakes.com/construc.html”><img width=“91” height=“20”
align=“center” valign=“middle” src=“actors.gif”></a>
<p> <a href=“http://www.thesoapflakes.com/characters.html”><img width=“96” height=“23”
align=“center” valign=“middle” src=“characters.gif”></a>
<p> <a href=“http://www.thesoapflakes.com/construct.html”><img width=“100” height=“34” valign=“middle”
src=“showinfo.gif”></a>
</td>
<td><img width=“361” height=“243” align=“Middle” src=“group22.gif”></td>
<td><a href=“http://www.thesoapflakes.com/construc.html”><img width=“107” height=“53” valign=“middle” align=“center”
src=“what.gif”></a>
<p> <a href=“http://apps3.vantagenet.com/zforums/thread.asp?id=1519112323”><img width=“123” height=“17”
src=“vote.gif”></a>
<p> <a href=“http://www.thesoapflakes.com/construc.html”><img width=“94” height=“21”
src=“agape.gif”></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=“33%”> </td>
</tr>
</table>
The coding here is really sloppy, but it works. And voila! Your table now floats in the middle of the page.
Another technique is to use absolute positioning, which I’ve done on my site. You have to be careful you cater for all monitor resolutions, though.
For example:
In the <HEAD> section, use:**
<STYLE TYPE=“text/css”>
#bodydiv {position: absolute; top:156; left:157; visibility:visible; z-index:1400;}
</STYLE>**
- that defines a style where everything will be indented from the top and left
Then, in the <BODY> section, use the following tags to begin and end the section you want to be positioned:
**
<DIV ID=“bodydiv” STYLE=“text-align: justify;”>
<!-- your text / table goes here -->
</DIV>**
Swiddles, looks like others beat me to it! I’d follow Bedalin’s advice, though. Since it’s proportional (uses percentages), it should adjust better to different monitor sizes. That’s always a pain. For just such a reason, here at The Company That Shall Remain Unnamed, we use a default monitor resolution and design to that. If you choose to go that path, you can use absolute numbers a la mattk. But, FWIW, we always align stuff in either the upper left corner or the center of the monitor, and most other designers I’ve seen do the same. No one seems to pay much attention to vertical alignment.
I’m not sure what they’re talking about, but I’ve aligned my table in the middle of the room, even with the bay window and centered in front of the sofa.