I have been attempting to replace the standard header in 2.0.6 with the header from the rest of my site.

In themes/default/theme.html, I remove these lines:

<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>logo.gif" width="150" height="80" alt="" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
</tr>
<tr>
<td id="headerbar" colspan="2">&nbsp;</td>
</tr>
</table>

So far, so good--the header's simply gone. Then, I paste in additional lines intended to display my site header, but everything comes out malaligned. Part of this is due to another style sheet that my new header depends on, but even if I delete that part of it and paste relatively simple HTML in place of the code above, it still won't display the tables correctly.

OK, as a work around, maybe I can use the standard header--just change the image, the color, add a spacer bar, and then put a frame at the top for my site menu to appear in (controlled by it's own style sheet). But even that seems to be taxing my abilities (and or my understanding of Xoops).

So, take a step back--no good trying to rush things (bound to hit what Robert Persig calls a "gumption trap"). I simply need to take my time and try to understand all the variable effecting this header. Then, I can choose which way to attack the problem.

Question: What file or files control what appears in place of these "place holders" or whatever you call them?

$xoops_banner
$xoops_url
$xoops_imageurl

Is it possible for me put my header file somewhere else and have the themes.html pull it in?

Also, is my new header's style sheet conflicting with the two style sheets in the theme.htm file?

<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->

If so, is it possible to combine them?

I have given up on a quick fix and want simply to putz around with it until I understand it better. Any insights and/or suggestions are greatly appreciated!

Update: One of my problems is this line in styles.css:

table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

the "vertical-align: top" is pulling my image to the top of the header table. And I think it was messing up a text box on the right cell of that same table. However, if I change it to "vertical-align: middle" that messes up the rest of the page--the poll, the news or headlines in the center column--all that goes to the middle.

I'm still stuggling with this header problem. I solved a similar problem with another script by pasting this line in an index.shtml file:

<!--#include virtual="/custom/default_header.shtml"-->
<!--#include virtual="/custom/default_footer.shtml"-->

However, this formatting doesn't seem to work with the XOOPS default/theme.html file. Can anyone suggest something similar that would include my headerfile without bringing it under the influence of the XOOPS style sheet(s)?

is it possible to just alter the XOOPS style sheet to match your needs? (dunno about css, so can't help you with that, just asking)


i'm not a theme guy, but hopefully someone else will respond...

That's a good question--here's an update on what I've done:

UPDATE: Adding these lines fix part of the problem, but the arrangement is still distorted:

<!--standard formatting info-->
<link rel="stylesheet" href="http://my.domain.com/img/main.css" type="text/css">

<SCRIPT src="http://classifieds.theadsection.com/img/lib.js" language="javascript" type="text/javascript">
</SCRIPT>
<!--/standard formatting info-->

Deactivating this line (below), from the XOOPS default/theme.html, fixes the header problem, but then all the theme colors and some of the formatting is gone--just the naked content remains:

<!--link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" /-->

I think that "$xoops_themecss" is referring to the default/styles.css.

Does anyone know a way to keep that style sheet from effecting the header code that I've pasted into the default/theme.html file? That is the key to fixing the problem. XOOPS needs the styles.css, but my header won't work with it.

if you have your own css reference, in addition to the XOOPS css reference, does it matter which order you place them?

maybe one before the other places priority... again, i dunno about css/themes, just brainstorming


btw, why don't you combine the 2 css's into one file and also look for anything that would conflict? and if you use dreamweaver, it might catch other conflicts/errors (maybe)