Iam using a Java Script Navigation inside a Header Table. (Default Theme)

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="214"><img src="<{$xoops_imageurl}>hdr_05.gif" width="214" height="25"></td>
<td width="1"><script type="text/javascript" language="JavaScript1.2" src="http://www.58thmarinecorp.com/Planetside/themes/default/navi.js"></script></td>
<td background="<{$xoops_imageurl}>hdr_06.gif">&nbsp;</td>
</tr>
</table>

Basically a simple table : image/navigation Script/cell with Background image.

Now to my Problem. If you check : http://www.58thmarinecorp.com/Planetside/modules/news/ and have a look at the navigation subs , they are using the whole width of the page. Responsable for this , is one line in the CSS File : (line 3)

table {width: 100%; margin: 5; padding: 5; font-size: small;}

Removing the "width: 100%;" fixes the Navigation, but destroys a lot of other Tables, because most of the Table Tags in the templates dont use a width tag, so the Tables dont stretch to the end.

Anyobody has a solution for me to fix this problem ?

Try defining a new class for the submenu in your stylesheet then assign the appropriate id in your javascript. Sorry, I've done it before, but I don't recall the exact code off the top of my head.

Hope this helps.

assigning a new class for this table like :

table.narrow{width:auto}

didnt worked. DId i get you right that the java script needs changes ?

This topic can be closed or deleted. I gave up on this script. BTW its Sothink DHTML Menu and not recommended for using inside Xoops.