1
I have a problem integrating Sothink DHTML menu into Xoops.
What it does 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.
in a standalone (Code Sample B) all is ok but when I place it into the XOOPS theme.html things change.
I can't get it to do the following:
-left aligned and not stretched
-drop-down sub menu [background] width as designed
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>