I try to place the menu going horizontal at the top of my page. I do this using a table and not at all.

However, the search, when enabled does not appear. It shows up in DW on the upper left, but when previewed, it doesn't show. Below is the code in the body:

<div id="navmenu1" class="dmxNavigationMenu dark_green"

style="width:888px;margin-left:auto;margin-right:auto">
<h3>CRIMEFREEAZ</h3>
<ul class="menu dark_green horizontal">
<li title="Home"><a href="#"><img src="global-images/homeLogo.png" border="0" width="25" height="25"

alt="Home" />Home</a></li>
</ul>
<form class="dmxSearchForm" action="search.cfm" method="get">
<input class="textfield" name="search" type="text" />
<input class="button" type="submit" value="Search" />
</form>
<div style="height:0;font-size:0;clear:both;"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#navmenu1".dmxNavigationMenu(
{width:888, menuWidth:150, mainShowDuration:"normal", mainShowEasing:"swing", mainHideDuration:"normal",

mainHideEasing:"swing", subShowDuration:"normal", subShowEasing:"swing", subHideDuration:"normal",

subHideEasing:"swing", design:"dark_green", keyboard:true, menuAlign:"center"} );
}
);
// ]]>
</script>

<div id="navmenu1" class="dmxNavigationMenu dark_green" 

style="width:888px;margin-left:auto;margin-right:auto">
  [h3]CRIMEFREEAZ[/h3]
  <ul class="menu dark_green horizontal">
    <li title="Home"><a href="#">[img]global-images/homeLogo.png" border="0" width="25" height="25" 

alt="Home" />Home</a>[/*][/list]
  <form class="dmxSearchForm" action="search.cfm" method="get">
    <input class="textfield" name="search" type="text" />
    <input class="button" type="submit" value="Search" />
  </form>
  <div style="height:0;font-size:0;clear:both;"></div>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#navmenu1").dmxNavigationMenu(
{width:888, menuWidth:150, mainShowDuration:"normal", mainShowEasing:"swing", mainHideDuration:"normal", 

mainHideEasing:"swing", subShowDuration:"normal", subShowEasing:"swing", subHideDuration:"normal", 

subHideEasing:"swing", design:"dark_green", keyboard:true, menuAlign:"center"}       );
     }
 );
  // ]]>
</script>

/////////
I have also tried to add the li tags around the form, but then the search does not get placed on the left hand side as desired and as shown in the examples.

Please help.

Thanks!

Edited by - Brent Ricks on 27 Dec 2009  21:07:59

Edited by - Brent Ricks on 27 Dec 2009  21:09:49

Edited by - Brent Ricks on 27 Dec 2009  21:10:37

Edited by - Brent Ricks on 27 Dec 2009  21:11:42

Edited by - Brent Ricks on 27 Dec 2009  21:13:06

I try to place the menu going horizontal at the top of my page. I do this using a table and not at all.

However, the search, when enabled does not appear. It shows up in DW on the upper left, but when previewed, it doesn't show. Below is the code in the body:

<div id="navmenu1" class="dmxNavigationMenu dark_green"

style="width:888px;margin-left:auto;margin-right:auto">
<h3>CRIMEFREEAZ</h3>
<ul class="menu dark_green horizontal">
<li title="Home"><a href="#"><img src="global-images/homeLogo.png" border="0" width="25" height="25"

alt="Home" />Home</a></li>
</ul>
<form class="dmxSearchForm" action="search.cfm" method="get">
<input class="textfield" name="search" type="text" />
<input class="button" type="submit" value="Search" />
</form>
<div style="height:0;font-size:0;clear:both;"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#navmenu1".dmxNavigationMenu(
{width:888, menuWidth:150, mainShowDuration:"normal", mainShowEasing:"swing", mainHideDuration:"normal",

mainHideEasing:"swing", subShowDuration:"normal", subShowEasing:"swing", subHideDuration:"normal",

subHideEasing:"swing", design:"dark_green", keyboard:true, menuAlign:"center"} );
}
);
// ]]>
</script>

<div id="navmenu1" class="dmxNavigationMenu dark_green" 

style="width:888px;margin-left:auto;margin-right:auto">
  [h3]CRIMEFREEAZ[/h3]
  <ul class="menu dark_green horizontal">
    <li title="Home"><a href="#">[img]global-images/homeLogo.png" border="0" width="25" height="25" 

alt="Home" />Home</a>[/*][/list]
  <form class="dmxSearchForm" action="search.cfm" method="get">
    <input class="textfield" name="search" type="text" />
    <input class="button" type="submit" value="Search" />
  </form>
  <div style="height:0;font-size:0;clear:both;"></div>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#navmenu1").dmxNavigationMenu(
{width:888, menuWidth:150, mainShowDuration:"normal", mainShowEasing:"swing", mainHideDuration:"normal", 

mainHideEasing:"swing", subShowDuration:"normal", subShowEasing:"swing", subHideDuration:"normal", 

subHideEasing:"swing", design:"dark_green", keyboard:true, menuAlign:"center"}       );
     }
 );
  // ]]>
</script>

/////////
I have also tried to add the li tags around the form, but then the search does not get placed on the left hand side as desired and as shown in the examples.

Please help.

Thanks!

Edited by - Brent Ricks on 27 Dec 2009  21:07:59

Edited by - Brent Ricks on 27 Dec 2009  21:09:49

Edited by - Brent Ricks on 27 Dec 2009  21:10:37

Edited by - Brent Ricks on 27 Dec 2009  21:11:42

Edited by - Brent Ricks on 27 Dec 2009  21:13:06