I have a problem integrating Sothink DHTML menu into Xoops.
What happens is the menu (Code Sample A)is stretched accross the width of the screen and of course resizes if you narrow the browser down. Any menu that you click on the drop-down sub menu [background] is also stretched accross the entire screen but the submenu text is persistent left on th screen.
In a standalone (Code Sample B) all is ok and works but when I place it into the XOOPS theme.html things change.
I can't get it to do the following one it's in the theme.html:
-menu left not stretched, normal [designed size]
-drop-down sub menu [background] width as designed
-drop-down sub menu text aligned as designed under menu title and NOT left on screen
Duh! What am I missing or missunderstanding here?
Can you help me?
B
Code Sample A (Xoops theme.html)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<!-- <p align="center" style="margin-top: 0; margin-bottom: 0"> -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--/
<{$xoops_js}>
/-->
</script>
<script type="text/javascript" language="JavaScript1.2" src="stm31.js"></script>
</head>
<body>
</p>
<table cellspacing="0">
<tr id="header">
<!-- blocked line start -->
<!-- <td id="headerlogo"><a Href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>logo.png" alt="logo here" /></a></td> -->
<!-- blocked line end -->
<td id="headerbanner">
<p align="left" style="margin-top: 0; margin-bottom: 0">
<a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>titlebanner2.jpg" alt="California Latino Arts Network Web Portal" /></a></td>
</tr>
<tr align="right" valign="middle">
<td colspan="2" id="headerbar"><form style="margin-bottom: 0px;" action="<{$xoops_url}>/search.php" method="post">
<p style="margin-top: 0; margin-bottom: 0"><input type="hidden" name="action" value="results" />
</p>
</form></td>
</tr>
</table>
<script type="text/javascript" language="JavaScript1.2" src="MasterMenu.js"></script>
<br />
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
etc., etc.,
Code Sample B (Standalone)
<html>
<head>
<title>New Page 1</title>
<script type="text/javascript" language="JavaScript1.2" src="stm31.js"></script>
</head>
<body>
<script type="text/javascript" language="JavaScript1.2" src="MasterMenu.js"></script>
</body>
</html>