Problems with Style Sheet and Milonic Menu

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:04

Problems with Style Sheet and Milonic Menu

Poster: aileen
Dated: Thursday November 4 2004 - 21:44:59 GMT

Hi!

I have a little problem, I'm using a Milonic Menu in my application, and I'm using an style sheet too. It seems that there is something in the style sheet that is not compatible with the menu, and when I apply the style something goes wrong, all the submenues overlap and it doesn't appear all the text of the items.

If someone have any clue about what can be happening, I would appreciate your help.

Thank you!

Aileen

PS. I have already posted this message in spanish, but I thought it would be better to write it again in english....

Poster: John
Dated: Friday November 5 2004 - 3:56:55 GMT

Much as we'd like to help, you have given us nothing whatsoever to go on. Let's start with a URL, so we can see everything we need to.

Milonic and Style Sheet.

Poster: aileen
Dated: Saturday November 6 2004 - 2:40:55 GMT

thanks for answer!

The problem is that I've not published my site yet, I'm working in an intranet to test the menu, so I can't give you an URL.

what I can do, is give you the code of my style sheet. this may be helpful, here you have:

Code:

<!--STYLE type="text/css"-->
<!--
/*Fichero hoja de estilos. Estilos1.css*/

 body { background-color: #FFFFFC;
       font-family: verdada,arial,helvetica,sans-serif;
       font-size: 12pt;
       color: #000000;
   }

 body.bdyPequenio {
    background-color: #FFFFFC;
       font-family: verdada,arial,helvetica,sans-serif;
       font-size: 15pt;
       color: #000000;
   }

  div.divCentered {text-align: center;
  }
  div.divCentered table {margin: 0 auto;
   text-align: left;
  }

  div.divLeft {text-align: left;
  }

  div.divLeft input {margin: 0 auto;
   text-align: center;
  }

  div.divRight {text-align: right;
  }

  div.divRight input {margin: 0 auto;
   text-align: center;
  }

  table{cellpadding: 1;
      cellspacing: 1;
      text-align: center;
      margin-left: -50px}

  tr{font-weight: normal;
      color: #000000;
      border: 1 solid #000000;
      background-color: #f9f9f9;
  }

/*Encabezado de tabla*/
  td.tdTituloAzul{font-size: 16pt;
      font-weight: normal;
      color: #FFFFFF;
      border: 1 solid #000000;
      background-color: #005799;
      text-align: center;
  }

  td.tdSubtituloAzul{font-size: 14pt;
      font-weight: normal;
      color: #FFFFFF;
      border: 1 solid #000000;
      background-color: #005799;
      text-align: center;
  }

  td.tdSubtituloAzulPequenio{font-size: 12pt;
      font-weight: normal;
      color: #FFFFFF;
      border: 1 solid #000000;
      background-color: #005799;
      text-align: center;
  }

  td.tdWarningAzul{
    color: blue;
    font-weight: bolder;
  }

  td.tdWarningRojo{
    color: red;
    font-weight: bolder;
  }

  td.tdMensaje{
   font-weight: bolder;
  }

  tr.trAzul{font-weight: normal;
      color: #000000;
      background-color: #dee9ef;
  }

  h1.h1Azul {font-weight: bolder;
      color: #005799;
      background-color: #FFFFFF;
      font-size: 32pt;
      text-align: center;}

  h2.h2Azul {font-weight: bolder;
      color: #005799;
      font-size: 28pt;
      text-align: center;}

  h3.h3Azul {font-weight: bolder;
      color: #00005e;
      font-size: 20pt;
      text-align: left;}

  h4.h4Azul {font-weight: bolder;
      color: #005799;
      font-size: 16pt;
      text-align: center;}

  td.tdTituloError{font-size: 20pt;
      font-weight: bolder;
      letter-spacing: 1.0pc;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #ce0020;
      text-align: center;
  }


  tr.trMensaje{font-weight: normal;
      color: #000000;
      border: 1 solid #000000;
      background-color: #FFFFFF;
      text-align: center;
  }

  td.tdError{font-size: 16pt;
      font-weight: normal;
      color: #000000;
      background-color: #FFFFFF;
      text-align: center;
  }

  td.tdTituloWarning{font-size: 20pt;
      font-weight: bolder;
      letter-spacing: 1.0pc;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #CC9933;
      text-align: center;
  }

  td.tdWarning{font-size: 16pt;
      font-weight: normal;
      color: #000000;
      background-color: #FFFFFF;
      text-align: center;
  }

  td.tdTituloOk{font-size: 20pt;
      font-weight: bolder;
      letter-spacing: 1.0pc;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #336633;
      text-align: center;
  }

  td.tdOk{font-size: 16pt;
      font-weight: normal;
      color: #000000;
      background-color: #FFFFFF;
      text-align: center;
  }

  input{font-weight: bold;
      font-family: verdada,arial,helvetica,sans-serif;
      color: #000000;
  }

  select{font-weight: bold;
      font-family: verdada,arial,helvetica,sans-serif;
      color: #000000;
  }

  a{font-weight: bold;
    font-family: verdada,arial,helvetica,sans-serif;
    color: #005799;

  }

  /*Fin del fichero */
-->
<!--</STYLE-->

...and the page where i include the menu is here...

Code:

<!--meta http-equiv="expires" content="0" /-->
<title>Prueba Menu</title>
<% __at__  include file="/Estilos/estilo.jsp" %>
//this is the include of the stylesheet

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#FFFFFF" height="50"><img src="/Logo.gif" border="0"></td>
    <td bgcolor="#FFFFFF" height="50"><h1 class=h1Azul>Prueba Menu</h1></td>
  </tr>
</table>
<br />
<br />

//This is the call to the milonic menu

<script type="text/javascript" src="/Includes/milonic_src.js"></script>
<script   type="text/javascript">
<!--
      if(ns4)_d.write("<script language=JavaScript src=/Includes/mmenuns4.js><\/script>");
      else _d.write("<script language=JavaScript src=/Includes/mmenudom.js><\/script>");
-->
</script>
<script type="text/javascript" src="/Includes/menu_data.js"></script>

I really would appreciate your help, and thanks again...

Aileen

Industrial Strength JavaScript and DHTML Menus

Problems with Style Sheet and Milonic Menu

Milonic and Style Sheet.