Allora, adesso anche su Chrome si vede male e non capisco il perchè.. Cmnq vi posto gli screenshots.. In pratica il bianco intorno al modello non dovrebbe esserci..!
Per intenderci, sarebbe quello che nello screenshot si vede attorno alla parte blu di 'Escort'.. In IE invece potrete capire da soli qual'è il problema dall'altro screenshot..
Chrome:
IE:
Comunque sia il codice PHP è questo:
PHP:
//LEGGO I VEICOLI PRESENTI IN ARCHIVIO PER INSERIRLI NEL MENU'
$selmarche = "SELECT DISTINCT Marca FROM automobili ORDER BY Marca";
$rismarche = mysql_query($selmarche);
echo "<ul> <!-- lista principale: definisce il menu nella sua interezza -->";
while ($marca = mysql_fetch_assoc($rismarche))
{echo "<li>
<a href='#'>" . $marca['Marca'] . "</a> <!-- primo list-item, prima voce del menu -->
<ul> <!-- Lista annidata: voci del sotto-menu -->";
$selmodelli = "SELECT DISTINCT Modello FROM automobili WHERE Marca = '" . $marca['Marca'] . "' ORDER BY Modello";
$rismodelli = mysql_query($selmodelli);
while($modello = mysql_fetch_assoc($rismodelli)){
echo "<li><a href='ricambi.php?marca=" . $marca['Marca'] ."&modello=" . $modello['Modello'] ."'>" . $modello['Modello'] . "</a></li>";}
echo "</ul> <!-- Fine del sotto-menu -->
</li><br> <!-- Chiudo il list-item -->";
}
mysql_close();
Mentre il CSS interessato è questo:
Codice:
#sinistra {
position: absolute;
top: 50px;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #0389ff;
font: italic bold 20px Georgia, serif;}
#sinistra ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sinistra li
{
width:150px;
float:left;
margin: 0;
padding: 0;
border-right: 1px solid black;
color:black;
}
#sinistra a
{
display: block;
padding: 5px;
color: #000;
text-decoration: none;
}
#sinistra a:hover
{
background-color: #4646ff;
color: #FFFFFF;
text-decoration: none;
}
#sinistra li ul
{
display: none
}
#sinistra li:hover ul
{
display: block;
position: absolute;
z-index:1;
padding: 10;
margin: -33px 0 0 150px;
border:1px solid black;
background: white;
}
#sinistra li li { border:none; width:150px; }
#sinistra li li a { padding:2px 2px 2px 10px; }