Help - Search - Members - Calendar
Full Version: Vertically align a table
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Drathira
Hi,
I'm working in Adobe Dreamweaver CS3 on mac OSX 10.4.11

I'm trying to align my main table vertically. (It being always at the very center of the page whatever the height of your navigator window is.) I'd like to know how to do that if it's possible. I've tried the valign"middle" in the <table> but it doesn'T seem to work. here is the code. don't mind all the strange code. I work with the creation pannel and Dreamweaver creates it's own code. There is another table in the first one too so it might explain a few things. thanks if you can help

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" background="images/background.gif">
<tr>
<td height="600"><table width="100%" height="593" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="275"><img src="images/logo_accueil.gif" width="800" height="275" /></td>
</tr>
<tr>
<td><img src="images/barre_haut.gif" width="800" height="4" /></td>
</tr>
<tr>
<td><div align="center"><img src="images/tel_acc.gif" width="181" height="25" /><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/email_acc_roll.gif',1)"><img src="images/email_acc.gif" name="Image5" width="163" height="25" border="0" id="Image5" /></a><img src="images/separation_acc.gif" width="57" height="25" /><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/cv_acc_roll.gif',1)"><img src="images/cv_acc.gif" name="Image7" width="113" height="25" border="0" id="Image7" /></a></div></td>
</tr>
<tr>
<td><img src="images/barre_2.gif" width="800" height="5" /></td>
</tr>
<tr>
<td height="282"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/design_acc_roll.gif',1)"><img src="images/design_acc.gif" name="Image8" width="171" height="186" border="0" id="Image8" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/typo_acc_roll.gif',1)"><img src="images/typo_acc.gif" name="Image9" width="171" height="186" border="0" id="Image9" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/illus_acc_roll.gif',1)"><img src="images/illus_acc.gif" name="Image10" width="169" height="186" border="0" id="Image10" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/photo_acc_roll.gif',1)"><img src="images/photo_acc.gif" name="Image11" width="170" height="186" border="0" id="Image11" /></a></div></td>
</tr>
</table>
<div align="center"></div></td>
</tr>
</table>
pandy
QUOTE
I've tried the valign"middle" in the <table> but it doesn'T seem to work.

No surprise since there is no such thing.
http://htmlhelp.com/reference/html40/tables/table.html

See if you find something here (last on the page).
http://css-discuss.incutio.com/?page=CenteringBlockElement
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.