Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Unde e recomandat sa ma cazez in ...

Descarcator de supratensiune tip 2

ping digi?

Reparare "șanțuri&#...
 De ce i se zice Mariei "Stapa...

Colet valoare Londra București

BMW seria 3 rulat vs SsangYong Ko...

Share abonament Netflix
 Cum pot sa fac rost de un negativ...

Lant Bicicleta

Un designer artist: Raymond Loewy

ATS din contactor modular
 Parere apartament ~150k

Limitare la 100mb/s

Altercație

Cartonașe și stickere t...
 

problema meniu

- - - - -
Last Updated: Mar 08 2005 13:06, Started by shanti , Mar 08 2005 13:06  
  ·  
  • Please log in to reply
No replies to this topic

#1
shanti
Posted 08 March 2005 - 13:06

shanti

    Junior Member

  • Grup: Members
  • Posts: 66
  • Înscris: 11.11.2003
am o problema cu un meniu drop-down in dhtml :

meniul este ceva de genu

meniu1   meniu2



in IE mai exact : nu imi apare la meniu2 submeniul..la restul browserelor imi apare  


  am pus mai jos codul:

<style type="text/css">

body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
text-align: center;
}


#menu {
margin: 0px;
padding: 0px;
font-weight: bold;
color: white;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#menu li {
  float: left;
  position: relative;
  width: 8em;
  background-color: #6699cc;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px black solid;
  border-right: 1px black solid;
  border-top: 1px black solid;
}



#nav{list-style: none;}
#nav ul {

margin: 0px;
padding: 0px;
list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible;  
}

#nav li {
    margin:0px;  
    position: relative;
    float:left;
width: 12em;
    background-color:#DFDFDF;
    border:solid 1px #CECECE;
    border-bottom:none;
    display:block;
    height:auto;
padding: 0px;
  

}

#nav a {
    text-decoration:none;
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em;
    background-color:#DFDFDF;
    width:11.5em;
    height:1em;
}

#nav a:hover{
    background-color:#0099CC;
    color:#FFFFFF;
    background-image:none;
}

#nav ul{
    display:none;  
}


#nav ul ul, #nav ul ul ul{
    display:none;
    position:absolute;
    margin-top:-1.8em;
    margin-left:12em;
}


#nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul{
    display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    display:block;
}

li>ul {
top: auto;
left: auto;
}

#holdm{position:absolute; top:150px; left:20px; z-index:100; width:80%;}

</style>

<script type="text/javascript">

activateMenu = function(nav) {
    /* currentStyle restricts the Javascript to IE only */
if (document.all && document.getElementById(nav).currentStyle) {  
var navroot = document.getElementById(nav);
        /* Get all the list items within the menu */
        var lis=navroot.getElementsByTagName("LI");  
for (i=0; i<lis.length; i++) {
            /* If the LI has another menu level */
            if(lis[i].lastChild.tagName=="UL"){
                /* assign the function to the LI */
             lis[i].onmouseover=function() {
                   /* display the inner menu */
                   this.lastChild.style.display="block";
       }
lis[i].onmouseout=function() {                      
                    this.lastChild.style.display="none";
}
            }
}
}
}

window.onload= function(){
  
    activateMenu('nav');

}


</script>

</head>

<body>

<div id="menu">
<ul id="nav">
         <li> <a href="#" >menu1</a>
              <ul >
                  <li><a href="#" >menu1.1</a></li>
                  <li><a href="#" >menu1.2</a>
                     <ul>
                         <li><a href="#" >1.2.1</a></li>
                     </ul>
                  </li>
              </ul>
         </li>
    </ul>


<ul id="nav">
         <li> <a href="#" >menu2</a>
              <ul>
                  <li><a href="#" >menu2.1</a></li>
                  <li><a href="#" >menu2.2</a>
                     <ul>
                         <li><a href="#" >2.2.1</a></li>
                     </ul>
                  </li>
              </ul>
         </li>
    </ul>
<ul id="nav">
         <li> <a href="#" >menu3</a>
              <ul>
                  <li><a href="#" >menu3.1</a></li>
                  <li><a href="#" >menu3.2</a>
                     <ul>
                         <li><a href="#" >3.2.1</a></li>
                     </ul>
                  </li>
              </ul>
         </li>
    </ul>
</div>

Edited by shanti, 08 March 2005 - 13:10.

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro
Back to Web Design / Flash / Graphix

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Webmaster Corner
  4. → Web Design / Flash / Graphix
Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate