HTML Code:
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo" class="back"><a href="http://www.tte.ca/"><img src="includes/templates/Tte/images/tte_ca.jpg" alt="The Trailing Edge" title=" The Trailing Edge " width="316" height="138" /></a></div>
<div class="forward"><a href="http://www.tte.ca/index.php?main_page=corporate_sales"><img src="includes/templates/Tte/images/brookecliff_technology_corporation.jpg" alt="Brookecliff Technology Corporation" title=" Brookecliff Technology Corporation " width="322" height="138" /></a></div>
<div id="logoPhone">zen_image(DIR_WS_TEMPLATE_IMAGES . 'logophone.gif', 'Your alt text')</div>
<br class="clearBoth" />
</div>
<!--<br class="clearBoth" /> -->
<!--eof-branding display-->
Code:
#logoPhone {margin: auto; width: 250px; text-align: center;}
<div id="logoPhone">zen_image(DIR_WS_TEMPLATE_IMAGES . 'logophone.gif', 'Your alt text')</div>
This div placed after the two floated ones will rise to the top between them, and the CSS will keep it in the center.
Bookmarks