remove 2 pixels from the bottom of the row 2 images, make template look the same on most platforms

phpgwapi/templates/idsociety/navbar.tpl

@@ -1,9 +1,9 @@
  marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" border="0" 
  onLoad="MM_preloadImages('{app_images}',
-'{img_root_roll}/log_out_over.gif',
-'{img_root_roll}/preferences_over.gif',
-'{img_root_roll}/help-over.gif',
-'{img_root_roll}/welcome_over.gif')"
+'{img_root_roll}/log_out_over2.gif',
+'{img_root_roll}/preferences_over2.gif',
+'{img_root_roll}/question_mark_over2.gif',
+'{img_root_roll}/welcome_over2.gif')"
  background="{img_root}/content_spacer_middle.gif">
   <!-- the above is the continuation and finishing if the < body > element started in head.tpl
   the margin items could be merged into head, as head already supplies some
@@ -11,37 +11,45 @@
 
 <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
 <tr>
-	<td width="154" align="left" background="{img_root}/em.gif">
-		<img src="{img_root}/logo.gif">
+	<!-- top row back images are 58px high, but the row may be smaller than that -->
+	<td width="154" height="58" align="left" valign="top" background="{img_root}/em.gif">
+		<img src="{img_root}/logo2.gif">
 	</td>
-	<td width="100%">
-		<table cellpadding="0" cellspacing="0" border="0" width="100%">
+	<td width="100%" align="right" background="{img_root}/em.gif">
+		<table width="100%" height="28" cellpadding="0" cellspacing="0" border="0" valign="top">
 		<tr>
-			<td background="{img_root}/nav_top_spacer.gif" align="left">
-				<font size="{user_info_size}" color="{user_info_color}">
-				<strong>{user_info_name}<br>{user_info_date}</strong></font>
+			<!-- <td width="100%" align="right" valign="top"><font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;{current_users}</font></td> -->
+			<td width="50%" align="left" valign="top">
+				<font size="{powered_by_size}" color="{powered_by_color}">{current_users}</font>
 			</td>
-			<td background="{img_root}/nav_top_spacer.gif" align="right">
-				<font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;<br>{current_users}&nbsp;</font>
+			<td width="50%" align="right" valign="top">
+				<font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;</font>
+			</td>
+		</tr>
+		</table>
+		<table width="100%" height="29" cellpadding="0" cellspacing="0" border="0" valign="bottom">
+		<tr>
+			<td width="50%" align="left" valign="bottom">
+				<font size="{user_info_size}" color="{user_info_color}">
+				<strong>{user_info_name}</strong></font>
+			</td>
+			<td width="50%" align="right" valign="bottom">
+				<font size="{user_info_size}" color="{user_info_color}">
+				<strong>{user_info_date}&nbsp;</strong></font>
 			</td>
 		</tr>
 		</table>
 	</td>
 </tr>
 <tr>
-	<td width="154" align="left" background="{img_root}/top_spacer_middle.gif">
-		<!-- the td background image is the important one in this row, it has the silver linuing at the bottom -->
-		<!--  this img inside the td is not visually relevant, just to put something here -->
-		<img src="{img_root}/top_spacer_middle.gif">
-	</td>
-	<td width="100%" align="right" background="{img_root}/top_spacer_middle.gif">
-		<!-- right top nav table -->
-		<table cellpadding="0" cellspacing="0" border="0" height="15">
+	<td colspan="2" width="100%" height="15" align="right" valign="top" background="{img_root}/top_spacer_middle2.gif">
+		<!-- row 2 right nav buttons -->
+		<table cellpadding="0" cellspacing="0" border="0">
 		<tr>
-			<td><a href="{home_link}" onMouseOver="nine.src='{img_root}/rollover/welcome_over.gif'" onMouseOut="nine.src='{img_root}/welcome.gif'"><img src="{img_root}/welcome.gif" border="0" name="nine"></a></td>
-			<td><a href="{preferences_link}" onMouseOver="ten.src='{img_root}/rollover/preferences_over.gif'" onMouseOut="ten.src='{img_root}/preferences.gif'"><img src="{img_root}/preferences.gif" border="0" name="ten"></a></td>
-			<td><a href="{logout_link}" onMouseOver="eleven.src='{img_root}/rollover/log_out_over.gif'" onMouseOut="eleven.src='{img_root}/log_out.gif'"><img src="{img_root}/log_out.gif" border="0" name="eleven"></a></td>
-			<td><a href="{help_link}" onMouseOver="help.src='{img_root}/rollover/help-over.gif'" onMouseOut="help.src='{img_root}/question_mark.gif'"><img src="{img_root}/question_mark.gif" border="0" name="help"></a></td>
+			<td><a href="{home_link}" onMouseOver="nine.src='{img_root}/rollover/welcome_over2.gif'" onMouseOut="nine.src='{img_root}/welcome2.gif'"><img src="{img_root}/welcome2.gif" border="0" name="nine"></a></td>
+			<td><a href="{preferences_link}" onMouseOver="ten.src='{img_root}/rollover/preferences_over2.gif'" onMouseOut="ten.src='{img_root}/preferences2.gif'"><img src="{img_root}/preferences2.gif" border="0" name="ten"></a></td>
+			<td><a href="{logout_link}" onMouseOver="eleven.src='{img_root}/rollover/log_out_over2.gif'" onMouseOut="eleven.src='{img_root}/log_out2.gif'"><img src="{img_root}/log_out2.gif" border="0" name="eleven"></a></td>
+			<td><a href="{help_link}" onMouseOver="help.src='{img_root}/rollover/question_mark_over2.gif'" onMouseOut="help.src='{img_root}/question_mark2.gif'"><img src="{img_root}/question_mark2.gif" border="0" name="help"></a></td>
 		</tr>
 		</table>
 	</td>
@@ -49,7 +57,7 @@
 <tr>
 	<td width="154" align="left" valign="top" background="{img_root}/nav_bar_left_spacer.gif">
 		<!-- left nav table -->
-		<table border="0" cellpadding="0" cellspacing="0" width="154">
+		<table border="0" cellpadding="0" cellspacing="0">
 		<!-- applications supplies their own tr's and td's -->
 		{applications}
 		<tr>
@@ -60,4 +68,4 @@
 	<td width="100%" align="left" valign="top">
 		<!-- this TD background image moved to body element -->
 		<br>
-<!-- END navbar -->
+<!-- END navbar -->