9
'nother UPDATE:
While the header is quite presentable at this point, the fact that the site menu font appears larger and the type, in general, is "looser" (not as tightly spaced) still bugs me. As such, as a last resort,
I dedided to test the style sheets item by item and see where the conflict really originates. I am very close:
The XOOPS style sheet is overiding the other style sheet with this line:
Quote:
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
The other style sheet controls that menu text with this line:
Quote:
body,td,th {
Font-Family : Arial;
Font-Size : 12px;
}
So far, I am unable to properly designate the scope of the second or to restrict the scope of the first. If I simply delete the first one, the menu looks fine, but other things go awry in both the header (position of graphics) and the XOOPS layout.
Here is an excerpt from the menu table:
Quote:
<table width="100%" height=17 border=0 cellpadding=0 cellspacing=0 bgcolor="#2F5376">
<tr valign=middle align=center>
<td width="100%" align=left>
<font color=FFFFFF class=txt8>
<script language="javascript" type="text/javascript">
document.write(GetCurDate());
</script>
</font>
</td>
<td bgcolor=White> </td>
<td width=60 nowrap><a href="" class=mnu>Home</a></td>
<td bgcolor=White> </td>
Don't laugh
too hard if I'm way off track, but I tried labeling "id=" for:
<table id=sitemenu>
<tr id=sitemenurow>
<td id=sitemenucell>
And in the stylesheet, I designated them like this:
table#sitemenu:
tr#sitemenu row:
td#sitemenu cell:
The good news is that this better than working crossword puzzels any day!