Ho realizzato seguendo un tutorial un menù a tendina con codice html e css il problema è che non si visualizza su explorer 6, mentre su 7 e mozilla tutto funziona benissimo.
Mi è stato suggerito che dovevo aggiungere un codice JavaScript, non sapendo nulla a riguardo volevo chiedervi quale tipologia di istruzioni devo inserire e dove.
Un cordiale saluto Fabio
fabio, senza un esempio piu' che concreto (un link ad una pagina online sarebbe l' ideale) nessuno e' in grado di aiutarti
ciao
ti allego il codice html e css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>Chapter 4 - CSS Flyout menus</title>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="menus.css" />
</head>
<body>
<ul id="nav">[*]Starters
<ul>[*]Fish[*]Fruit[*]Soups[/list]
[*]Main Courses
<ul>[*]Meat[*]Fish[*]Vegetarian[/list]
[*]Desserts
<ul>[*]Fruit[*]Puddings[*]Ice Creams[/list]
[/list]
</body>
</html>
body {
font: 1em verdana, arial, sans-serif;
background-color: #FFFFFF;
color: #000000;
margin: 1em 0 0 1em;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
position: relative;
width: 10em;
border: 1px solid #B0C4DE;
background-color: #E7EDF5;
color: #2D486C;
font-size: 80%;
margin-right: 1em;
}
#nav a:link, #nav a:visited {
display: block;
text-decoration: none;
padding-left: 1em;
color: #2D486C;
}
* html #nav a {
width: 100%;
}
#nav ul {
display: none;
position: absolute;
padding: 0;
}
#nav ul li {
border: 0 none transparent;
border-bottom: 1px solid #E7EDF5;
border-top: .5em solid #FFF;
background-color: #F1F5F9;
font-size: 100%;
margin-bottom: -1px;
margin-top: 1px;
padding: 0;
}
#nav li:hover ul {
display: block;
}
spero in una tua risposta grazie
Permessi di invio
Rispondi quotando