realizzare un menu navigatore di secondo livello

[Giovanni Farx]

devo realizzare in css ,qul menu sottostante che chiamo "navigatore " , che è posto al di sotto del Altro menu Chiamato menu.
lo spiego oltre con l immagine anche a parole

l 'utente si orienta tramite il menu in alto e , poi premendo sul menu di primo livello gli compare quello sotto con altre scelte , un po come quello di html.

quidi gli compaiono altre scelte e lui poi si orienta fino ad arrivare ciò che gli interessa.

In questo menu "navigatore" , abbiamo 2 elementi da realizzare.

1 icona che rappresenta quella sezione del menu.quindi uno spazio non so cosa mettere , se un h1 o span ,

2 2 elenchi puntati affiancati in 2 gruppi orizontalmente con 3 o più voci ognuno.

------------------>
tutto ciò lo devo ripetere anche nelle altre pagine , e magari rinchiuderlo in php ,per fare un include.

Domanda:
come posso realizzarlo ?

[Giovanni Farx]

vi aggiorno un pò su come sto facendo

<?php include("menu.php"); ?>
<div id="page">
  <div id="navigatore">
        <div id="icona"></div>
        <div id="utile"></div>
        <div id="tore">
      
            <ul class="tore1">[*]primo link[*]secondo link[*]terzo link[/list]
            <ul class="tore2">[*]primo link[*]secondo link[*]terzo link[/list]
        </div>    
  </div>
</div>

#page {
	height: 450px;
	width: 1078px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#page #navigatore {
	height: 120px;
	width: 1078px;
	background-color: #D6AA0D;
}
#page #navigatore #icona {
	width: 180px;
	float: left;
	height: 120px;
}
#page #navigatore #tore {
	width: 600px;
	height: 120px;
	float: right;
}
#page #navigatore #tore .tore1 {
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#page #navigatore #tore .tore2 {
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
}

.


sito : www.farandagiovanni.net