Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Dade, dade

Parola la lock screen

Deparazitare externa pisici fara ...

Seriale turcesti/coreene online H...
 Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik
 Permis categoria B la 17 ani

Sfaturi pentru pregatirea de eval...

Crapaturi placa

cum imi accesez dosarul electroni...
 Momentul Aprilie 1964

Sursa noua - zgomot ?

A fost lansat Ubuntu 24.04 LTS

Pareri apartament in zona Berceni?
 

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

Chirurgia endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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