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">
// <![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

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,

Reply to this topic