Doppeltes Menü, aber wie "einfach" verlinken

[SoulDreams]

Hallöchen,

nachdem ich mich erfolgreich durch den CSS-Video-Lehrgang gekämpft habe, habe ich mch gleich drangemacht meine HP nach CSS Gesichtspunkten umzustellen. Ist mir auch soweit geglückt, aber... ... ich habe 2 Menüs.

Eines horizontal, das eigentliche Menü und von da aus kann man dann auf das vertikale Submenü zugreifen. Nun mein kleines Problem... muss ich wirklich jede Seite mit allen links der einzenen Haupt- und Submenüs machen oder geht das auch einfacher?

Ansicht fertige Seite

Und hier mal der CSS-Teil für die Menüs:

/*navi oben*/
#contnavi{
	background-color: #D0CCFF;
	width: 902px;
	margin: 0px;
}

ul#menu {
    margin:0px;
	padding: 1px;
    text-align: center;
    border: 1px solid #191970;
    background-color: #FAF0E6;
}
ul#menu li {
    list-style: none;
    display: inline;
    margin: 0px;
	padding: 0px;
}

ul#menu a {
    float: left;
	width:84px;
    margin: 2.5px;
	padding: 2px 1em;
	background-color: #191970;
    text-decoration: none;
 	color: #D0CCFF;
	font:bold 10.5px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
    border: 1px solid #191970;
}

/* Korrektur fuer IE 5.x */
* html ul#menu a{
    width: 8em;
    w\idth: 6em;
}
ul#menu a:hover {
	color:#191970;
	background-color: silver;
    border: 1px solid #191970;
}

ul#menu div {
    clear: left;
}

/*main*/
#container2{
	padding:0px;
	border: 1px solid #191970;
	background-color: #FAF0E6;
}

/*Navi links text*/
#submenu{
	float:left;
	width:180px;
	font:12px verdana, arial, helvetica,sans-serif;;
}

#submenu a{
	color:#000099;
	background:transparent;
	text-decoration:none;
}

#submenu a:hover{
	font-weight:bold;
	text-decoration:none;
}

#submenu ul{	
	padding-top:15px;
	padding-left:10px;
	margin-top:10px;
	margin-left:5px;
}

#submenu li{
	list-style:none;
	padding-bottom:15px;
}

#submenu p{
	padding:20px 0px 10px 10px;
	margin:0px;
	white-space: nowrap;
}

Hoffe irgendjemand versteht mich ;-)

 

[Maik]

Da vermutlich in jeder einzelnen Seite in dem vertikalen Submenü kontextbezogene Links enthalten sind, wird dir nichts anderes übrig bleiben, als in jedem Dokument die entsprechenden Submenü-Links zu notieren.

Andernfalls müsstest du auf eine Scriptsprache, wie z.B. PHP, zurückgreifen, um den "Seitenaufbau" dynamisch zu gestalten. Aber selbst da mußt du zunächst die entsprechenden Dateien erstellen, um diese dann in das Dokument laden zu können.

Da die Fragestellung nicht viel mit CSS zu tun hat bzw. sich mit der Formatierungssprache nicht lösen lässt, schiebe ich den Thread erstmal ins HTML-Board.