Ciao, avevo già provato una cosa simile, è strano, non mi prende tutte le modifiche...
Adesso sto provando un menu jQuery(lo stesso che viene usato per il menù verticale ma lo ho separato sistemando TUTTO in cartelle separate). Anche qui ci sono problemi, dal CSS del menu cambio i colori di sfondo o gli attributi del font ma rimane tutto invariato!
Allora, richiamo il menu da file separato così:
codice:
<jsp:include page="../topMenu.jsp" flush="true" />
Il file richiamato(topMenu.jsp):
codice:
<script type="text/javascript" src="smooth2/jquery-1.8.3.js"></script>
<script type='text/javascript' src='smooth2/ddsmoothmenu.js'></script>
<link href="smooth2/ddsmoothmenu.css" rel="stylesheet" type="text/css">
<link href="smooth2/ddsmoothmenu-v.css" rel="stylesheet" type="text/css"> <script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "smoothmenu-ajax", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<div id="smoothmenu-ajax" class="ddsmoothmenu">
<ul>[*]HOMEPAGE[*]L'AZIENDA
<ul>[*]CHI SIAMO[*]DOVE SIAMO[*]SERVIZI[/list]
[/list]
<br style="clear: left" />
</div>
E ddsmoothmenu.css:
codice:
.ddsmoothmenu{
font: bold 14px Verdana;
background: #3c4872; /*background of menu bar (default state)*/
width: 100%;
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #3c4872; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}
.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
Non riesco a capire perché ho tutti questi problemi con i CSS! 
Il colore evidenziato era #414141, lo ho aggiornato ma continua a rimanere di quel colore!
Rispondi quotando
