l'HTML è questo:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title><?php echo $titles["$pagina"] ?></title>
<meta name="generator" content="Quanta Plus" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="layout.css" />
</head>
<body>
<div id="hormenu">
<ul> [*][url="#"]Menu 1[/url]
<ul> [*][url="#"]Submenu 1[/url][*][url="#"]Submenu 1[/url][*][url="#"]Submenu 1[/url][*][url="#"]Submenu 1[/url][*][url="#"]Submenu 1[/url][/list]
[*][url="#"]Menu 2[/url]
<ul> [*][url="#"]Submenu 2[/url][*][url="#"]Submenu 2[/url][*][url="#"]Submenu 2[/url][*][url="#"]Submenu 2[/url][*][url="#"]Submenu 2[/url][/list]
</div>
</body>
</html>
e il relativo CSS è questo:
codice:
div#hormenu {
width: 100%;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid black;
background: red;
}
div#hormenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#hormenu li {
width:100px;
float:left;
margin: 0;
padding: 0;
border-right: 1px solid black;
color:black;
}
div#hormenu a {
display: block;
padding: 5px;
color: #000;
text-decoration: none;
}
div#hormenu a:hover {
background-color: #000033;
color: #FFFFFF;
text-decoration: none;
}
div#hormenu li ul {display: none}
div#hormenu li:hover ul {
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid black;
background: white;
}
div#hormenu li li {border: none; width: 150px;}
div#hormenu li li a {padding: 2px 2px 2px 10px;}
Il mio problema è far sì che i sottomenu
risultino come[*] all'interno di una <ul>
a sua volta interna alla <ul> che crea
dinamicamente il menu orizzontale princioale
e che si attivano al passaggio del nouce
(un utilizzo dell'effetto :hover)
M.