Problems with Style Sheet and Milonic Menu

[aileen]

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....

[John]

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.

[aileen]

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: Select all

<!--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: Select all

<!--meta http-equiv="expires" content="0" /-->
<title>Prueba Menu</title>
<%@ 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