• S
    User Newbie •

    menù a tendina

    Salve a tuttii, ho un problema da sottoporvi.
    Sto sistemando un menù verticale a tendina, ma quando creo i sottomenù non si allineano alla propria casella, ma schizzano in alto. qualcuno può aiutarmi?
    L'esempio lo trovate qui: 79.50.4.17
    grazie

    0
  • V
    User Attivo •

    Sembra un problema di css.
    Posta il codice sia html che css.
    :fumato:

    0
  • S
    User Newbie •

    ciaooo ecco il css #header > #head >**.main_menu > ul.menu
    {

        • **display:block;
        • **text-align:left;
        • **list-style-type:none;
    • **padding:0;
        • **position:absolute;
        • **top:170px;
    • **left:0;
    • background: url(../images/line_bg.png) no-repeat0% 0%;
      }
      .main_menu ul.menu > li { list-style:none;border:none; padding:0px 1px 0 0px;background: url(../images/line_bg.png) no-repeat0% 100%;}
      .main_menu ul.menu li.current { list-style:none; border:none; padding:0px 0px 0 0px}
      .main_menu ul.menu ul {display:none; top:46px; position:absolute; background:#2d2d2d url(../images/sub_menu_bg.gif) repeat-x0% 100%; padding:0 0; left:155px}
      .main_menu ul.menu li a {display:block ; font-size:10px; color:#0c0c0c;padding:14px 0 14px 19px; width:138px; text-align:left; text-decoration:none; text-transform:uppercase}
      .main_menu ul.menu li a:hover {color:#fff; background:url(../images/menu_bg.gif) no-repeat      0% 0;}
      .main_menu ul.menu li.current >a, ul.menu li.actives >a {color:#fff; *background:url(../images/menu_bg.gif) no-repeat0% 0;}
      .main_menu .menu > li.active > a {color:#fff !important;       *background:url(../images/menu_bg.gif) no-repeat**0% 0; }
      .main_menu ul.menu ul ul { left:176px;**background:#144659 !important; border:none; padding:0; top:inherit !important; margin-top:-26px;}
      .main_menu ul.menu ul li {display:block; float:none; background:none;}
      .main_menu ul.menu ul li a {display:block; background:none; padding:6px 0 6px 20px;**font-weight:normal; line-height:14px; text-align:left; font-size:10px; width:156px;**font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
      .main_menu ul.menu ul li a:hover, ul.menu ul li.actives a {background:#144659; color:#fff }
      .main_menu ul.menu ul li.active >a {color:#fff !important; background:#144659 !important;}
      .main_menu ul.menu ul ul li a {display:block; background:none; padding:0 0 0 20px;**font-weight:normal; line-height:26px; text-align:left; font-size:10px; width:146px;**font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; margin:0 0 0 0 }
      .main_menu ul.menu ul ul li a:hover {background:#457f8c; color:#fff }

    .menu_sub {list-style:none; position:absolute; right:-14px; top:25px}
    .menu_sub li {float:left; margin-right:7px; padding-right:7px; }
    .menu_sub li:first-child {float:left; background:url(../images/sub_menu_spacer.gif) no-repeat100% 4px; margin-right:7px;}
    .menu_sub li a {color:#828282; font-size:11px !important}
    .menu_sub li    img {margin:2px 0 0 0}
    .menu_sub li a:hover {text-decoration:none;}

    #content {width:772px; margin:0 auto; padding:110px 0 15px 188px; position:relative}

    body {background:#fff }

    .articles_block {position:absolute; top:373px; left:35px;}
    .col1, .col2, .col3 { float:left; margin-right:40px}
    .col1 {width:290px}
    .col2 {width:290px}
    .col3 {width:290px}

    .col3 {margin-right:0}

    /* ##########################breadcrumbs########################### */

    #breadcrumbs
    {

        • **padding:0 0 0 0px;
        • **text-align:left;
        • **margin:15px 20px 15px 0px;
          }

    {

        • **padding:5px;
        • **display:inline;
          }

    {

        • **padding:0px;
          }

    span a:visited
    {

        • **text-transform:none;
        • **font-weight:normal
          }

    span a:active,
    span a:focus
    {

        • **text-decoration:none;
          }

    /* ##########################navigation column########################### */

    #nav ul
    {

        • **list-style-type:none;
        • **margin:0px 0;
          }

    .module_content
    {

        • **margin:0px 0 0px 0;
        • **padding:0px 0px 10px 5px
          }

    .moduletable
    {

        • **margin:0px 0 0px 0;
        • **padding:10px 20px 10px 0;
    • **overflow:hidden
      }

    .moduletable_menu
    {

        • **margin:0px 0 10px 0;
          }

    .moduletable_js
    {

        • **margin-bottom:5px;
          }

    #right h3.js_heading
    {

        • **position:relative;
        • **display:block;
        • **padding:5px 0px 0 0px ;
        • **margin:0px ;
          }

    h3.js_heading span.backh
    {

        • **padding:4px 0px 0px 10px;
        • **display:block;
          }

    h3.js_heading span.backh1
    {

        • **padding:0px 20px 8px 0px;
        • **display:block;
          }

    h3.js_heading a
    {

        • **display:block;
        • **position:absolute ;
        • **right:0px ;
        • **top:0px;
        • **padding:5px 5px 0 0;
        • **text-decoration:none;
          }

    .no
    {

        • **font-size:1px;
          }

    {

        • **margin:5px 0 6px 0;
        • **font-weight:normal;
        • **line-height:1.19em
          }

    {

        • **padding:0px 0px 5px 2px;
        • **display:block;
          }

    /* ++++++++++++++first level++++++++++++++ */

    {

        • **margin:0;
        • **padding:0
          }

    *ul.menu
    {

        • **list-style-type:none ;
        • **margin:0 0 0px 0px ;
        • **padding: 0px 0px 20px 5px;

    }

    *.module_content ul.menu
    {

        • **margin-left:-5px;
        • **padding:10px 0 0 0 ;
          }

    *ul.menu li
    {

        • **margin:0;
          }

    *ul.menu li.active a:link,
    *ul.menu li.active a:visited
    {

        • **font-weight:bold;
          }

    *ul.menu li a:hover,
    *ul.menu li a:active,
    *ul li a:focus
    {

    }

    /* ++++++++++++++second level++++++++++++++ */
    *ul.menu li ul
    {

        • **margin:0 ;
        • **padding:0 ;
          }
          *ul.menu li ul li
          {
        • **margin:0;
        • **padding:0
          }

    *ul.menu li.active ul li a:link,
    *ul.menu li.active ul li a:visited
    {

        • **padding:5px 10px 5px 20px ;
        • **font-weight:normal;
          }

    *ul.menu li.active ul li a.active:link,
    *ul.menu li.active ul li a.active:visited
    {

        • **padding:7px 10px 7px 20px ;
          }

    *ul li.active ul li.active a:link,
    *ul li.active ul li.active a:visited
    {

        • **font-weight:bold ;
          }

    /* ++++++++++++++third level++++++++++++++ */

    *ul.menu li ul li ul
    {

        • **padding:5px 0 5px 0px;
          }

    *ul.menu li ul li ul li
    {

    }

    ul.menu li.active ul li.active ul li a:link,
    *ul.menu li.active ul li.active ul li a:visited
    {

        • **padding:5px 4px 5px 30px;
        • **font-weight:normal;
          }

    *ul.menu li.active ul li.active ul li.active a:link,
    *ul.menu li.active ul li.active ul li.active a:visited
    {

        • **font-weight:bold;
          }

    /* ##########################main########################### */

    0
  • S
    User Newbie •

    nessuno ha qualche spunto da darmi?

    0
Effettua l'accesso per rispondere