l'HTML è questo:
e il relativo CSS è 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>
Il mio problema è far sì che i sottomenucodice: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;}
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.

Rispondi quotando