Universal CSS Navigation Menu Support Product Page

how to create horizontal spacers so menu items don't run together

Asked 05 Apr 2012 03:14:07
2
have this question
05 Apr 2012 03:14:07 Irene Janes posted:

<link rel="stylesheet" type="text/css" href="Styles/dmxNavigationMenu.css" />
<!--[if lt IE 7]><script type="text/javascript" src="Styles/IE7.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="Styles/dmxNavigationMenu/elegant_blue/elegant_blue.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxNavigationMenu.js"></script>
</head><body >
<div id="wrapper">
  <div class="w1">
    <div class="w2">
      <div id="header">
        <div class="header-area">[img]/logo.png" width="850" height="77" alt="stevens johnson syndrome" longdesc="http://www.stevens-johnsonsyndrome.org" /><span class="phone">Call Now</span></div>
        <ul id="nav">[*]<div id="navmenu1" class="dmxNavigationMenu elegant_blue" style="width:960px;">
              <ul class="menu elegant_blue horizontal">
                <li title="Home&amp;nbsp;&amp;nbsp;"><a href="index.php;padding-left:0px;;padding-right:0px;">Home</a>[/*]
                <li title="Advil&amp;nbsp;&amp;nbsp;"><a href="Advil-Stevens-johnson-syndrome.php;padding-left:15px;;padding-right:15px;">Advil</a>[/*]
                <li title="Altace&amp;nbsp;&amp;nbsp;"><a href="javascript:void(0);">Altace</a>[/*]
                <li title="Cefatoxime&amp;nbsp;&amp;nbsp;"><a href="javascript:void(0);">Cefatoxime</a>[/*]
                <li title="Cleocin&amp;nbsp;&amp;nbsp;"><a href="javascript:void(0);">Cleocin</a>[/*]
                <li title="DayPro&amp;nbsp;&amp;nbsp;"><a href="javascript:void(0);">DayPro</a>[/*]
                <li title="Protonix&amp;nbsp;&amp;nbsp;"><a href="javascript:void(0);">Protonix</a>[/*][/list]
              <div style="height:0;font-size:0;clear:both;"></div>
            </div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#navmenu1").dmxNavigationMenu(
         {width:960, mainShowDuration:"normal", mainShowEasing:"swing", mainHideDuration:"normal", mainHideEasing:"swing", subShowDuration:"normal", subShowEasing:"swing", subHideDuration:"normal", subHideEasing:"swing", design:"elegant_blue", useMenuBarSearch:false, keyboard:true, menuAlign:"center";padding-left:0px;;padding-right:0px;}
       );
     }

Replies

Replied 05 Apr 2012 06:19:52
05 Apr 2012 06:19:52 Teodor Kuduschiev replied:
Hello,

Please provide a link to your page. Please also use the code button when pasting such codes in the forum.
Replied 05 Apr 2012 14:49:27
05 Apr 2012 14:49:27 Irene Janes replied:
thank you. I didn't know about the code button. I will work on now
Replied 05 Apr 2012 15:11:47
05 Apr 2012 15:11:47 Irene Janes replied:
stevens-johnsonsyndrome.org/2ndPage1.php

how to create horizontal spacers so menu items don't run together
Replied 09 Apr 2012 06:04:34
09 Apr 2012 06:04:34 Teodor Kuduschiev replied:
Unfortunately i do not see any menu on the link you provided
Replied 09 Apr 2012 19:17:10
09 Apr 2012 19:17:10 Irene Janes replied:
stevens-johnsonsyndrome.org/2ndPage1.php
http://stevens-johnsonsyndrome.org/2ndPage1.php


I published the page back up. I would like to put spaces between each menu item. How to achieve more spacing between menu items

Reply to this topic