Salve,
ho un probelma con una pagina web in cui è presente un'animazione flash e il menu con stile css. Il problema è che quando punto il mouse su una voce del menu e mi apre il sottomenu, il sottomenu non si vede perchè è coperto dall'animazione flash. Ho pensato che si può spostare l'animazione un pò più giù, ma questo non risolve il mio problema definitivamente.
come posso fare?
posto il codice
Grazie
marciac
------------------------------------------------------------------------------
pagina master:
<%@ Master Language="VB" EnableTheming="true" CodeFile="FullMasterPage.master.vb" Inherits="FullMasterPage" %>
<%@ Import Namespace="System.Web.Configuration" %>
<!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 id="Head1" runat="server">
<title>Diego Loffredo</title>
<link rel="stylesheet" href="App_Themes/menu.css" type="text/css" />
</head>
<body style="background-color :black;text-align :center ">
<form id="form1" runat="server" style ="background-color :black">
<div>
<!-- inizio tabella: “Header” -->
<table cellpadding="0" cellspacing="0" width="90%" style="text-align :center">
<!-- <tr style ="text-align:center;background-color:Black">
<td style="height :10px"> </td>
</tr> -->
<!-- <tr style ="text-align:center"><td style="height :5px"></td></tr>-->
<tr style ="text-align:center;background-color:#E68E0A "><td style="height :3px"></td></tr>
<tr style ="text-align:center;background-color:Black">
<td>
</td>
</tr>
<tr style ="text-align:center;background-color:#E68E0A "><td style="height :3px"></td></tr>
<tr style ="text-align:left;background-color:Black;">
<td>
<div>
<ul id="navmenu-h">
<li><a href="index.aspx">Home</a></li>
<li><a href="biografia.aspx">Biografia</a></li>
<li><a href="#">Archivio</a>
<ul>
<li><a href="Foto.aspx">Fotografie</a></li>
<li><a href="Quadri.aspx">Quadri</a></li>
</ul>
</li>
<li><a href="Galleria.aspx">Galleria</a></li>
<li><a href="Ceramica.aspx">Ceramiche</a></li>
<li><a href="#">Video</a></li>
<li><a href="Recensioni.aspx">Recensioni</a></li>
<li><a href="Contatti.aspx">Contatti</a></li>
</ul>
</div>
</td>
</tr>
<!-- fine tabella: “Header” -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" style="width:100%; background-color :#FFFFFF">
<tr style="vertical-align:top; width:100%;border:3px; border-color :#E68E0A" >
<td>
<!-- inizio tabella: "Introduzione applicazione" -->
<asp:contentplaceholder id="FullContent" runat="server">
</asp:contentplaceholder>
<!-- fine tabella: "Introduzione applicazione" -->
</td>
</tr>
</table>
</td>
</tr>
<!-- inizio tabella: "Footer" -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr style="height:16">
<td style="height: 19px;background-color:Black"></td>
<td style="background-color:Black; height: 19px;" align="center" class="white" width="100%"></td>
<td style="height: 19px;background-color:Black"></td>
</tr>
<tr style ="text-align:center;width :100%;height:50px">
<td>
</td>
</tr>
<tr style ="text-align:center;background-color:#E68E0A ">
<td style="height :1px"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fine tabella: "Footer" -->
</div>
</form>
</body>
</html>
---------------------------------------------------------------------------
questo è menu.css
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
margin: 0;
border: 0 none;
padding: 0;
width: 600px; /*For KHTML*/
list-style: none;
height: 22px;
text-align :center;
}
ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
width: 70px;
float:left ; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 22px;
text-align :center;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 70px;
list-style: none;
display: none;
position: absolute;
top: 22px;
left: 0;
text-align :center;
}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
text-align :center;
}
ul#navmenu-h ul li {
width: 70px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
text-align :center;
}
/* Root Menu */
ul#navmenu-h a {
border: 0px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0px 6px 0px 6px; /*0 6px;*/
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: url('../../images/menu.png');
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
text-align :center;
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
background: url('../../images/menu.png') 0 -22px;
color: #E68E0A; /*#FFF;*/
border: 0px solid #E68E0A; /*#FFF;*/
border-right-color: #E68E0A; /*#CCC;*/
border-bottom-color: #E68E0A; /*#CCC;*/
text-align :center;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
float: none;
background: url('../../images/menu.png');
color: #666;
border: 0px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
text-align :center;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
background: url('../../images/menu.png') 0 -22px;
color: #E68E0A; /*#FFF;*/
border: 0px solid #E68E0A; /*#FFF;*/
border-right-color: #E68E0A; /*#CCC;*/
border-bottom-color: #E68E0A; /*#CCC;*/
text-align :center;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
text-align :center;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
display: block;
}
---------------------------------------------------------------
questa è la pagina che richiama la master e contiene l'animazione flash
<%@ Page Language="VB" Debug="true" MasterPageFile="~/FullMasterPage.master" AutoEventWireup="false" CodeFile="Ceramica.aspx.vb" Inherits="_Ceramiche" %>
<asp:Content ID="Content1" ContentPlaceHolderID="FullContent" Runat="Server">
<asp:Panel ID="Panel1" runat="server" BackColor ="black" Width="100%">
<div style="text-align:center">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="100%"
height="600"
data="xmlGallery.swf">
<param name="movie" value="xmlGallery.swf"/>
<param name="quality" value="high"/>
<param name="scale" value="ExactFit"/>
<param name="menu" value="false"/>
</object>
</div>
</asp:Panel>
</asp:Content>
