Ciao a tutti.
Premetto che non sono un esperto di css
Ho il seguente problema: ho il seguente menu con relativo css.
Mi funziona in tutti i browser in windows compreso Safari.
Non riesco però a farlo funzionare su Ipad (che ha Safari). Quando ci passo sopra con il mouse non mi apre il menu a tendina.
Con gli altri browser tutto funziona.
Avete qualche suggerimento ?
Grazie per l'aiuto
#cssm1 * { padding:0; margin: 0;}
#cssm1 { position: absolute; z-index: 99; top:8px; left: 20px; position: fixed; left:10; top:20; float: left; margin:0; line-height: 15px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#cssm1 a { display: block; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; background: #cccccc; text-decoration: none; padding: 3px 10px; color: #052B52}
#cssm1 a:hover { background: #00AABB; color: #F1F5F8}
#cssm1 ul li, #cssm1 ul li ul li { width: 180px; }
#cssm1 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{
display:none;
list-style-type:none;
width: 180px;
}
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {
display:block;
}
#cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {
position: absolute;
left: 180px; top: 10;
}
#cssm1 ul li ul, #cssm1 ul li ul li ul {clear: left; margin-top: -30px; }
#cssm3 { text-color: #ccc; background-color: #00AABB; padding: 3px; text-align: center; border: 1px solid #ffffff; color: #F1F5F8}
#cssm1:hover #cssm3 { display:none; }
<div id="cssm1">
<ul>
[*]Home
[*]Your Activity profile[img]/images/logo/arrow1.gif[/img]
<ul>
[*]Description
[*]Services
[*]Other Information
[*]Gallery
[*]Contacts
[/list]
[*]Promotion[img]/images/logo/arrow1.gif[/img]
<ul>
[*]New Special Offer
[*]Manage Special Offer
[/list]
[*]Personal Information[img]/images/logo/arrow1.gif[/img]
<ul>
[*]Modify Password
[*]Modify Email
[*]Unsubscribe
[/list]
[*]Contact our Staff
[*]Logout
[/list]
<div id="cssm3">Activity MENU</div>
</div>
