Menu a tendina fatto con il css, con mozilla funziona e con ie no, chi mi sa aiutare

**angelo85ct** · 14-12-2008, 22:44

salve ragazzi , ho fatto un menu a tendina, con mozilla funziona , ma con ie no, chi mi puo aiutare dicendomi dove sta l'erore??

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Menu a tendina</title>



<style type="text/css" media="screen">

#menu {

    width: 100%; 

    float: left; 

    margin: 0; 

    padding: 0;

    border-top: 1px solid black;

    background: #FFFFCC;

}

#menu dl {

    margin: 0;

    padding: 0;

}

#menu dd {

    width:100px;

    float:left;

    margin: 0;

    padding: 0;

    border-right: 1px solid black;

    color:black;

} 

#menu a {

    display: block;

    padding: 5px;

    color: #000;

    text-decoration: none;

}

#menu a:hover {

    background-color: #000033;

    color: #FFFFFF;

    text-decoration: none;

}

#menu dd dl {

    display: none;

}

#menu dd:hover dl {

    display: block;

    position: absolute;

    z-index:1;

    width:150px;

    padding: 0;

    margin: 0 0 0 -1px;

    border:1px solid black;

    background: #CCFFFF;

}

#menu dd dd {

    border: none; 

    width: 150px;

} 

#menu dd dd a {

    padding: 2px 2px 2px 10px;

}

</style>



</head>



<body>



<div id="menu">

    <dl>

        <dd>[url="#"]Menu 1[/url]

            <dl>

                <dd>[url="#"]SottoMenu 1[/url]</dd>

                <dd>[url="#"]SottoMenu 1[/url]</dd>

                <dd>[url="#"]SottoMenu 1[/url]</dd>

                <dd>[url="#"]SottoMenu 1[/url]</dd>

                <dd>[url="#"]SottoMenu 1[/url]</dd>

            </dl>

        </dd>

    </dl>

        

    <dl>

        <dd>[url="#"]Menu 2[/url]

            <dl>

                <dd>[url="#"]SottoMenu 2[/url]</dd>

                <dd>[url="#"]SottoMenu 2[/url]</dd>

                <dd>[url="#"]SottoMenu 2[/url]</dd>

                <dd>[url="#"]SottoMenu 2[/url]</dd>

                <dd>[url="#"]SottoMenu 2[/url]</dd>

            </dl>

        </dd>

    </dl> 

    

    <dl>

        <dd>[url="#"]Menu 3[/url]

            <dl>

                <dd>[url="#"]SottoMenu 3[/url]</dd>

                <dd>[url="#"]SottoMenu 3[/url]</dd>

                <dd>[url="#"]SottoMenu 3[/url]</dd>

                <dd>[url="#"]SottoMenu 3[/url]</dd>

                <dd>[url="#"]SottoMenu 3[/url]</dd>

            </dl>

        </dd>

    </dl>    



    <dl>

        <dd>[url="#"]Menu 4[/url]

            <dl>

                <dd>[url="#"]SottoMenu 4[/url]</dd>

                <dd>[url="#"]SottoMenu 4[/url]</dd>

                <dd>[url="#"]SottoMenu 4[/url]</dd>

                <dd>[url="#"]SottoMenu 4[/url]</dd>

                <dd>[url="#"]SottoMenu 4[/url]</dd>

            </dl>

        </dd>

    </dl>    



    <dl>

        <dd>[url="#"]Menu 5[/url]

            <dl>

                <dd>[url="#"]SottoMenu 5[/url]</dd>

                <dd>[url="#"]SottoMenu 5[/url]</dd>

                <dd>[url="#"]SottoMenu 5[/url]</dd>

                <dd>[url="#"]SottoMenu 5[/url]</dd>

                <dd>[url="#"]SottoMenu 5[/url]</dd>

            </dl>

        </dd>

    </dl>      

</div>







 



    [url="http://validator.w3.org/check?uri=referer"][img]http://www.w3.org/Icons/valid-xhtml10[/img][/url] [url="http://validator.w3.org/check?uri=referer"][img]http://www.w3.org/Icons/valid-xhtml10-blue[/img][/url]  </p>   

</body>

</html>

Perfavore se potete aiutatemi

**Gufo** · 14-12-2008, 23:14

Originariamente inviato da angelo85ct
salve ragazzi , ho fatto un menu a tendina

1-Quel menu non l'hai fatto tu ma l'ho fatto io! Quando si copia è rischioso dire l'ho fatto io
2-Devi solo copiarlo bene e vedrai che funziona con tutti browser

Ecco il codice giusto

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu a tendina</title>
<style media="screen" type="text/css">
* {
  margin: 0;
  border: 0;
  padding: 0;
}
dl, dt, dd{
	list-style-type: none;
}
#menu {
  width: 100%;
  float: left;
  border-top: 1px solid black;
}
#menu dl{
	float:left;
  background: #FFFFCC;
}
#menu dl.closed dd{
display: none;
}
#menu dl.open dd{
	display: inherit
}
#menu dt{
	width:100px
}
#menu dd {
  width:100px;
  border-right: 1px solid black;
  color:black;
}
#menu a {
  display: block;
  padding: 5px;
  color: #000;
  text-decoration: none;
}
#menu a:hover {
  background-color: #000033;
  color: #FFFFFF;
  text-decoration: none;
}
</style>
</head>
<body>
<div id="menu">
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 1</dt>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 2</dt>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 3</dt>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 4</dt>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 5</dt>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
</dl>
</div>










</p>
</body>
</html>

**angelo85ct** · 14-12-2008, 23:22

Prima di tutto, ti ciedo scusa per aver detto lho fatto io,
poi ti ringrazio per avermi postato il codice coretto,Grazie..
ti volevo chiedere una cosa, è normale che ie quando apro la pagina mi blocca il menu a tendina
dicendo che per facilitare la protezione del pc è stato bloccato il contenuto.
Si puo fare qualcosa?

Dinuovo grazie e scusa

**angelo85ct** · 14-12-2008, 23:27

Mi puoi spiegare perche quello di sopra non va?quello di prima qando aprivo il menu a tendina il logo della validazione restava fisso, invece con quello di pra appena vado sul menu il logo scende

**angelo85ct** · 14-12-2008, 23:32

Scusa ma sono sempre io, ho provato il menu nel template, ma con quell di prima non succedeve nulla, invece ora appena apro l'immagine del menu, sballano tutte cose, l'immagine apena si apre la tendina scende tutta sotto e poi risale, sai come posso sistemare questa cosa?
Grazie

**Gufo** · 14-12-2008, 23:41

Originariamente inviato da angelo85ct
Mi puoi spiegare perche quello di sopra non va?quello di prima qando aprivo il menu a tendina il logo della validazione restava fisso, invece con quello di pra appena vado sul menu il logo scende

Ora non ho tempo di stare a guardare dove ci sono i guai, ho visto comunque che hai cambiato e aggiunto delle regole compreso un z-index, può darsi che sia per quello

Discussione: Menu a tendina fatto con il css, con mozilla funziona e con ie no, chi mi sa aiutare

Strumenti discussione

Ricerca discussione

Visualizza

Menu a tendina fatto con il css, con mozilla funziona e con ie no, chi mi sa aiutare

Re: Menu a tendina fatto con il css, con mozilla funziona e con ie no, chi mi sa aiutare

Permessi di invio