Ciao a tutti,
premettendo che non sono molto esperto di CSS, anzi sono proprio alle basi, mi è sorto un problema con un menu CSS che ho preso da un blog, per adattarlo alle mie esigenze, e volevo chiedervi una mano per risolvere(se si può) questo mio problema...
nello specifico il problema si verifica solo con Internet explorer dove le voci del menu(dopo la prima a tendina) si vedono come un elenco semplice e non "formattate" nel modo giusto...
Vi prego datemi una mano!...e non vi "spaventate della lunghezza del codice"...
posto il codice del css:
e questo è il codice html(e php) che crea le voci del menu:Codice PHP:/* CSS Document */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
width: 650px; /*For KHTML*/
margin: 0 auto;
border: 0 none;
padding: 0;
list-style: none;
height: 24px;
text-align:left;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px Tahoma;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #333333;
color: #FFFFFF;
font: bold 12px/22px Tahoma;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #FFFF22;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #333333;
color: #FFFFFF;
border-left: 3px solid #000000;
border-bottom: 1px solid #000000;
margin-top: -2px;
font-weight:normal;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
color: #FFFF22;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #333333;
color: #FFFFFF;
width:200px;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
color: #FFFF22;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #333333;
color: #FFFF22;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #000000;
color: #FFF;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
Codice PHP:<ul id="navmenu">
[*][url="index.php"]Home[/url][*][url="index.php?page=chi_siamo.php"]Chi Siamo[/url][*][url="index.php?page=mission.php"]Mission[/url][*][url="index.php?page=gallery.php"]Gallery [img]menu/img/arrow-down.gif[/img][/url]
<?php
include('caricamento_album.php');
$i=0;
foreach($album_menu as $a):
if(strftime('%Y', $a['WHENADDED']) > 2006 && strftime('%Y', $a['WHENADDED']) < 2008){
$album_2007[$i][titolo]=$a['TITOLO'];
$album_2007[$i][id]=$a['ID'];
}elseif(strftime('%Y', $a['WHENADDED']) > 2007 && strftime('%Y', $a['WHENADDED']) < 2009){
$album_2008[$i][titolo]=$a['TITOLO'];
$album_2008[$i][id]=$a['ID'];
}elseif(strftime('%Y', $a['WHENADDED']) > 2008 && strftime('%Y', $a['WHENADDED']) < 2010){
$album_2009[$i][titolo]=$a['TITOLO'];
$album_2009[$i][id]=$a['ID'];
}
$i++;
endforeach; ?>
<ul>
[*][url="#"]Eventi 2007 [img]menu/img/arrow-right.gif[/img][/url]
<?php if($album_2007){?>
<ul>
<?php foreach($album_2007 as $a_2007): ?>
[*][url="index.php?page=gallery.php&alb=<?php echo $a_2007['id']; ?>"]<?php echo $a_2007['titolo']; ?>[/url]
<?php endforeach; ?>
[/list]
<?php } ?>
[*][url="#"]Eventi 2008 [img]menu/img/arrow-right.gif[/img][/url]
<?php if($album_2008){?>
<ul>
<?php foreach($album_2008 as $a_2008): ?>
[*][url="index.php?page=gallery.php&alb=<?php echo $a_2008['id']; ?>"]<?php echo $a_2008['titolo']; ?>[/url]
<?php endforeach; ?>
[/list]
<?php } ?>
[*][url="#"]Eventi 2009 [img]menu/img/arrow-right.gif[/img][/url]
<?php if($album_2009){?>
<ul>
<?php foreach($album_2009 as $a_2009): ?>
[*][url="index.php?page=gallery.php&alb=<?php echo $a_2009['id']; ?>"]<?php echo $a_2009['titolo']; ?>[/url]
<?php endforeach; ?>
[/list]
<?php } ?>
[/list]
[*][url="index.php?page=eventi.php"]Eventi [img]menu/img/arrow-down.gif[/img][/url]
<?php
$DB_host = 'localhost';
$DB_user = 'root';
$DB_password = 'spiderman';
$DB_name = 'omcpr_com';
// Eseguo le operazioni di connessione al database MySQL
$connessione = mysql_connect($DB_host,$DB_user,$DB_password);
$db = mysql_select_db($DB_name, $connessione)or die("Impossibile selezionare il database $dbname");
$ris=mysql_query("SELECT * FROM locali WHERE VISIBILE = 1", $connessione);
$i=0;
while($row=mysql_fetch_assoc($ris)){
$locali[$i][nome]=$row['NOME'];
$locali[$i][id]=$row['ID'];
$i++;
}
?>
<ul>
[*][url="index.php?page=eventi.php"]Prossimi Eventi[/url]
[*][url="index.php?page=noi_ceravamo.php"]Noi c'eravamo...e voi?[/url]
[*]<a href="#">Ricerca per locale
<?php if($locali){?>
[img]menu/img/arrow-right.gif[/img]</a>
<ul>
<?php foreach($locali as $l): ?>
[*][url="index.php?page=eventi.php&loc=<?php echo $l['id'];?>"]<?php echo $l['nome']; ?>[/url]
<?php endforeach; ?>
[/list]
<?php }else{
?> </a> <?php } ?>
[/list]
[*][url="index.php?page=view_locali.php"]Locali [img]menu/img/arrow-down.gif[/img][/url]
<ul id="ddsubmenu3" class="ddsubmenustyle">
[*][url="index.php?page=view_locali.php"]Tutti[/url]
[*][url="#"]Categorie[/url]
<ul>
[*][url="index.php?page=view_locali.php&ch=Pub"]Pub[/url]
[*][url="index.php?page=view_locali.php&ch=Disco-Pub"]Disco-Pub[/url]
[*][url="index.php?page=view_locali.php&ch=Discoteca"]Discoteche[/url]
[*][url="index.php?page=view_locali.php&ch=Villa(Location)"]Ville[/url]
[/list]
[/list]
[*][url="index.php?page=view_dj.php"]Dj [img]menu/img/arrow-down.gif[/img][/url]
<ul>
[*][url="index.php?page=view_dj.php"]Tutti[/url]
[*][url="index.php?page=classifica_dj.php"]Classifica[/url]
[*][url="index.php?page=login_dj.php"]Area Riservata Dj[/url]
[/list]
[*][url="index.php?page=view_partner.php"]Partners[/url][*][url="index.php?page=view_sponsor.php"]Sponsor [img]menu/img/arrow-down.gif[/img][/url]
<ul>
[*][url="index.php?page=view_sponsor.php"]I nostri sponsor[/url]
[*][url="index.php?page=login_sponsor.php"]Area Riservata Sponsor[/url]
[/list]
[*][url="index.php?page=view_dj.php"]Contatti [img]menu/img/arrow-down.gif[/img][/url]
<ul>
[*][url="index.php?page=contattaci.php"]Form[/url]
[*][url="index.php?page=contatti.php"]Staff[/url]
[/list]
[/list]
Rispondi quotando