> However I have just noticed > that SourceForge's pages have some very nice corner graphics - go to > http://sourceforge.net/search/ and look at the screwheads and brushed > aluminium effect, they look superb under Netscape - so maybe I can steal > some ideas from there...
The secret seems to be not to mix text (including non-breaking spaces) and
graphics on the same row. Once you've done that, you can drop the
style="line-height: 0" as well. I have made some changes to the login page
which demonstrates the effect - see attached - and this now looks good in
both Netscape and IE.
Before updating the rest of the templates, I think there needs to be an
extension to the [#@...@@#] mechanism to allow <td background=...> as well
as <img src=...>, so that the "/webmail/" path isn't hardcoded into the
templates: i.e. the attached diff says
<td background="/webmail/graysquare.gif" align="center"
valign="top">[#@graysquare.gif, width=1 height=11
alt="" border=0@@#]</td>
and this isn't consistent with the rest of the templates.
Regards,
Brian.
--- en-us.orig/login.html Mon Feb 25 13:21:35 2002
+++ en-us/login.html Tue Feb 26 13:30:06 2002
@@ -26,10 +26,11 @@
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
- <tr style="line-height: 0">
+ <tr>
<td align="left" valign="top">[#@graytopleft.gif, width=11 height=11
alt="" border=0@@#]</td>
- <td style="background-color: #cccccc"></td>
+ <td background="/webmail/graysquare.gif" align="center"
+valign="top">[#@graysquare.gif, width=1 height=11
+ alt="" border=0@@#]</td>
<td align="right" valign="top">[#@graytopright.gif, width=11 height=11
alt="" border=0@@#]</td>
</tr>
@@ -79,10 +80,11 @@
<!-- This is the end of the content for the login -->
<td>�</td>
</tr>
- <tr style="line-height: 0">
+ <tr>
<td align="left" valign="bottom">[#@graybottomleft.gif, width=11
height=11 alt="" border="0"@@#]</td>
- <td style="background-color: #cccccc">�</td>
+ <td background="/webmail/graysquare.gif" align="center"
+valign="top">[#@graysquare.gif, width=1 height=11
+ alt="" border=0@@#]</td>
<td align="right" valign="bottom">[#@graybottomright.gif, width="11"
height=11 alt="" border=0@@#]</td>
</tr>
graysquare.gif
Description: GIF image
