Forums
 This topic is locked 
             CSS Navigation Menu Search
 Posted 27 Dec 2009  21:07:02 
  1 
     has   voted 
  27 Dec 2009  21:07:02 Brent Ricks posted: 
 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">
// < .dmxNavigationMenu(
.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
Replies
 Replied 09 Jan 2010  14:37:52 
   09 Jan 2010  14:37:52 Miroslav Zografski replied: 
  Hello Brent, 
Please, provide the code of the page in question to my e-mail:
Also specify your DW version as well as your OS.
Regards,
  Please, provide the code of the page in question to my e-mail:
Also specify your DW version as well as your OS.
Regards,
