Horizontal Menü

SMHAMK1985 · Beitrag von **SMHAMK1985** » So 11. Mär 2007, 12:34

Hallo Zusammen,

bin ganz neu bei Contenido und versuche paar sachen hinzubekommen. Habe Contenido installiert und mich bisschen eingearbeitet. Nun möchte bzw. suche ich einen Horizontal Menü, was ich einbauen kann. Habe mir mal paar Module angeguckt, aber ich weiß auch nicht wirklich wie ich das RICHTIG einbauen kann oder muss. Würde mich freuen, wenn jemand mir eine kleine Einleitung mit jeden Detail (sofern es möglich ist) erklärt.

Würde mich darüber freuen

Bedanke mich im vorraus.

MfG

miertschink_st · Beitrag von **miertschink_st** » So 11. Mär 2007, 15:58

Du nimmst ganz einfach das Navigationsmodul, was (glaub ich) bei der Standardinstallation mit Beispielmandanten dabei ist.
Dieses Modul greift auf ein HTML Template zu, wo du definierst wie jeder Button der Navigation aussehen soll.
Ich habe auf meiner Seite auch eine horizontale Navigation.

Das Modul "Hauptnavigation" ist unverändert nur die entsprechenden Templates wurden verändert.

Die Templates für dieses Modul findest du normalerweise unter Style-->HTML-Editor (oder halt im Ordner cms/templates)

Dort liegen dann Templates für die verschiedenen Zustände und Ebenen der Navigation.
Für meine Hauptnavigation hab ich die Templates navfirst_on.html, navfirst_open.html und navfirst_off.html angepasst.

Du musst im Prinzip nichts anderes machen als diese Templates so zu verändern, das deine Navigation horizontal wird, da das
Modul im Prinzip nichts anderes macht als an der Stelle, in der es im Layout platziert wird. diese Templates auszugeben. und zwar so oft, wie halt Kategorien da sind.

Bei mir hab ich das über eine Liste gemacht, die ich im CSS-File entsprechend formatiert habe, so dass sie halt horizontal wird.

navfirst_on.html

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<li class="on"><a href="{HREF}" title="{NAME}">{NAME}</a></li>
<!-- END:BLOCK -->

navfirst_open.html

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<li class="on"><a href="{HREF}" title="{NAME}">{NAME}</a></li>
<!-- END:BLOCK -->

navfirst_off.html

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<li class="one"><a href="{HREF}" title="{NAME}">{NAME}</a></li>
<!-- END:BLOCK -->

Auszug aus der CSS-Datei (kannst dir den Rest ja auch selber angucken)

Code: Alles auswählen

#nav li {
padding-top:0px;
float: left;
display: block;
padding-right:0;
border-style:none none solid solid;
border-color:#fff;
border-width:1px;
}

#nav li a {
line-height:32px;
display: block;
height: 32px;
width: 95px;
}

So, ich hoffe ich hab kein Mist erzählt und konnte ein wenig weiterhelfen
Meine Lösung hier ist evtl. auch nicht die allerbeste - funktioniert aber soweit sehr gut

SMHAMK1985 · Beitrag von **SMHAMK1985** » So 11. Mär 2007, 20:53

Hallo,

erstmal Danke für deine bemühung und erklärung

Ich werde es mal versuchen das hinzubekommen

Danke

MfG

minerva · Beitrag von **minerva** » Di 13. Mär 2007, 12:27

hallo miertschink,
glaub nicht das du mist erzählt hast. aber ich hab warscheinlich mist gebaut. ich erhalte kein horizontales menü mit deiner bastellanleitung. bei mir sieht es genau so aus wie das standard menü nur mit punkte und ohne linien. ich kapiere es ehrlich gesagt nicht ganz.

ps: aber super umgesetzte internetseite. RESPEKT!!

miertschink_st · Beitrag von **miertschink_st** » Di 13. Mär 2007, 22:39

Danke, hört man gerne....

Ich hab hier noch mal das notwendige aus meiner CSS-Datei extrahiert, damit das ganze horizontal wird

Code: Alles auswählen


/*  sorgt dafür, dass Liste waagerecht angelegt wird */
/***********************/
#nav li 	
		{ 
		text-align:center;
           padding-top:0px;
	       float: left;
	       display: block;
	       padding-right:0;
		}

/*                            */
/******************************/
#nav li a 	{
                line-height:32px;
		display: block;
		height: 32px;
		width: 95px;
		}


/*  aktiver Menu-Punkt    */
/******************************/
#nav li.on a 	{
		background:#ffae00;
		}

/* Navipunkte bei MouseOver           */
/**************************************/
#nav li.one a:hover
		{
		background: #ffae00;
		}

Und hier mal eine HTML-Datei die auf test.css zugreift, wo das obige drinnen stehen sollte:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="STYLESHEET" href="test.css" type="text/css" />
</head>
<body>
<ul id="nav">
<li class="one"><a href="" title="News">News</a></li>
<!-- das ist jetzt der aktive Menupunkt-->
<li class="on"><a href="" title="Dorfleben">Dorfleben</a></li>
<!-- das war der aktive Menupunkt-->
<li class="one"><a href="" title="Galerie">Galerie</a></li>
<li class="one"><a href="" title="Karten">Karten</a></li>
<li class="one"><a href="" title="Geschichte">Geschichte</a></li>
<li class="one"><a href="" title="Vereine">Vereine</a></li>
<li class="one"><a href="" title="Grüße">Grüße</a></li>
<li class="one"><a href="" title="Links">Links</a></li>
<li class="one"><a href="" title="Impressum">Impressum</a></li>
</ul>
</body>
</html>

Und wie schon gesagt, in meinem Navigationsmodul steht das drin was im ersten Post zu sehen ist. Die Klasse "one" beschreibt ein normalen Menupunkt (also nicht aktiv) und die Klasse "on" einen, auf den der User grad geklickt hat und in dessen Unterseite er jetzt ist.
Zugegeben, die Klassennamen sind nicht perfekt gewählt, aber es funzt ja.

Und im Layout muss das Navigationsmodul also dort stehen, wo die ganzen <li>....</li> tags am Start sein sollen.
Das sieht dann also so aus:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="STYLESHEET" href="test.css" type="text/css" />
</head>
<body>
<ul id="nav">
CMS_CONTAINER[1]
</ul>
</body>
</html>

An sich ganz einfach....Viele Spässe noch

SMHAMK1985 · Beitrag von **SMHAMK1985** » Sa 17. Mär 2007, 10:15

Hallo,

erstmal Danke für deine Hilfe.

Habe die änderung woeit vorgenommen, aber es will nicht so richtig bei mit funktionieren.... Es sieht zurzeit so aus:
Bild

Was müsste ich da noch machen?

Könntest du mir vielleicht eine Templates und CSS- Datei mit geben?

Danke für deine Hilfe

MfG

miertschink_st · Beitrag von **miertschink_st** » Sa 17. Mär 2007, 17:28

Hmm, also eigentlich gehört dass ja langsam nicht mehr ins Contenido Forum, hat eher was mit HTML/CSS Kenntnissen zu tun.

Aber folgendes:

Ich kann dir nicht wirklich weiterhelfen, solange ich deinen HTML-Code nicht habe.

Wenn du eine HTML-Datei mit der Stylesheet-Datei die ich oben gepostet habe anlegst, siehst du dann eine horizontale Navi oder nicht?
Bei mir seh ich ja eine.

Wenn du jetzt allerdings diesen, meinen Code in irgendwelche von dir gebastelten HTML-Dateien reinwurschtelst, und deren Code hier nicht postest, kann ich kaum weiterhelfen.

Nochmal zum Verständnis: Das genze ist eine ungeordnetet Liste (<ul>), die mittels CSS formatiert wird. Und die Listenelemente (<li>) werden dynamisch von Contenido erzeugt.

Also dann, poste deinen Code, oder schreib ne URL, die man sich ansehen kann. Dann helf ich gerne

SMHAMK1985 · Beitrag von **SMHAMK1985** » Sa 17. Mär 2007, 17:53

Hallo,

erstmal Danke für deine Hilfe

Nun hier die Daten:

Meine CSS:

Code: Alles auswählen

html, body { height:100%; }

body {
	padding:0;
	margin:0;
	text-align:left;
	min-width:100%;
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:#004177;
	background-image:url('../images/bg.gif');
	background-repeat:repeat-y;
	background-position:0px 0px;
	overflow:-moz-scrollbars-vertical;
	background-color: #114A8B;
}
td {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(62,77,116);
	margin-bottom:8px;
}

.input {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	width:240px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.label {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
}

.small {
	font-size:9px;
}

#outer{
	height:100%;
	min-height:100%;
	width:100%;
	color:#004177;
	text-align:left;
	position:relative;
}

 
html>body #outer{ height:auto; } 

#innerwrap {
	float:left;
	width:700px;
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:100%;
	height:120px;
	background-position:0px 0px ;
	background-color: #114A8B;

}

#left {
	position:relative;
	width:180px;
	float:left;
	padding-top:120px;
	padding-bottom:20px;
         color:#004177;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
	margin-top:0px;
	position:absolute;
	top:120px;
	left:700px;
	width:148px;
	height:500px;
	z-index:10;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:rgb(62,77,116);
}

#imagecolumn a {
	padding:0;
	font-weight:normal;
	font-size:11px;
	color:#004177;
	margin:0;
}

#imagecolumn h1 {
	padding:0;
	font-weight:normal;
	font-size:11px;
	color:#004177;
	margin:0;
}

#right {
	position:relative;
	width:170px;
	float:right;
	margin-top:10px;l
	padding-top:170px;
	padding-bottom:20px;
	background-color:#999999;
	background:url('../images/randbg.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:rgb(62,77,116);
}

div,p  { margin-top:0; }

#centrecontent {
	width:500px;
	float:right;
	padding-left:0px;
	padding-right:0px;
	padding-top:105px;
	padding-bottom:20px;
	color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }

#bottomnavi {
	text-align:center;
	color:rgb(210,210,210);
}

#additionalnavi {
	float:right;
	background-color:#ffffff;
	margin-top:3px;
	padding-bottom:2px;
	padding-top:0px;
	margin-left:10px;
	text-align:center;
	width:170px;
	color:rgb(160,160,160);
}

#logo {
	width:900px;
         height:82px;
	margin-top:0px;
}

#navipath {
	padding:0;
	padding-bottom:10px;
	background-color:#BECBD8;
	color:rgb(99,99,99);
	width:100%;
}

.navi{
	width:180px;
	border-bottom:1px solid rgb(170,170,170);
	background-color:rgb(255,255,255);
}

h1 {
	padding-left:2px;
	font-weight:bold;
	font-size:13px;
	color:rgb(217,104,28);
	margin:0;
}

h1.content {
	margin-bottom:12px;
	padding:0;
}

hr { color:rgb(210,210,210); }

a { font-size:11px; color:rgb(190,190,190); text-decoration:none; }
a:hover { text-decoration:underline; }

a.newsheadline { font-weight:bold; } 

a.bottomnavi { color:rgb(160,160,160); font-size:9px; } 

a.additionalnavi { font-size:10px; color: rgb(160,160,160); }

a.navipath { font-size:10px; color: rgb(160,160,160); } 

a.navileft_passive {
	display:block;
	background-color:#BECBD8;
	padding-top:3px;
	padding-bottom:3px;
	color:#004177;
} 

a.navileft_active {
	display:block;
	background-color:#ffffff;
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:right;
	padding-top:3px;
	padding-bottom:3px;
	color:rgb(51,79,119);
} 

a.navileft_open {
	padding-left:10px;
	display:block;
	background:url("../images/navi_pfeil.gif") no-repeat;
	background-position:right;
	background-color:#E8E8EE;
	padding-top:3px;
	padding-bottom:3px;
	color:rgb(51,79,119);
} 

a.sitemap_level1 {
	display:block;
	border-bottom:1px solid #b4a8b4;
	color:rgb(217,104,28);
	font-weight:normal;
	padding-bottom:.4em;
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:right;
}

a.sitemap_level2 {
	color:rgb(62,77,116);
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:170px 4px;
	display:block;
}

a.sitemap_level3 {
	color:rgb(190,190,190);
}

.sitemap_level2_container {
	float:left;
	width:50%;
	padding-top:.3em;
}

.sitemap_level3_container {
	float:right;
	width:50%;
	padding-top:.3em;
}

.input_searchbox {
	width:65px;
	vertical-align:middle;
	font-size:11px;
	color: rgb(62,77,116);
}

.input_newsletterselect {
	width:80px;
	vertical-align:middle;
	font-size:11px;
	margin-right: 8px;
	color: rgb(62,77,116);
}

.label_searchbox {
	vertical-align:middle;
	color:#004177;
	position:relative;
	padding-left:10px;
	/*left:-65px;*/
}

.label_login {
	vertical-align:middle;
	color:#9d9ea2;
	position:relative;
	padding-left:10px;
	/*left:-65px;*/
}

#loginbox {
         width:40%;
         text-align:right;
         position:absolute;
         left:650px; top:85px;
}

#logout {
         width:30%;
         text-align:right;
         position:absolute;
         left:650px; top:85px;
}

#searchbox {
         background-color:#BECBD8;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	padding-bottom:.6em;
	padding-top:.6em;
	padding-left:0em;
	padding-right:0em;
	margin-top:1.5em;
	margin-bottom:1.5em;
}

#newsletterbox {
   background-color:#DFE0E5;
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}

.hidden {
	display:none;
}

.balken {
	padding-left:0px;
	background-color:rgb(255,110,43);
	background-image:url('../images/bg2.gif');
	background-repeat: repeat-x,repeat-y;
	background-position:2px 0px ;
}

.teaser_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}

/*  sorgt dafür, dass Liste waagerecht angelegt wird */ 
/***********************/ 
#nav li     
      { 
      text-align:center; 
           padding-top:0px; 
          float: left; 
          display: block; 
          padding-right:0; 
      } 

/*                            */ 
/******************************/ 
#nav li a    { 
                line-height:32px; 
      display: block; 
      height: 32px; 
      width: 95px; 
      } 


/*  aktiver Menu-Punkt    */ 
/******************************/ 
#nav li.on a    { 
      background:#ffae00; 
      } 

/* Navipunkte bei MouseOver           */ 
/**************************************/ 
#nav li.one a:hover 
      { 
      background: #ffae00; 
      }

Mein Layout:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title></title>
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">

<!--[if IE]>
		<style>
			#imagecolumn {
				width:170px;
			}
			#logo {
                                   
				margin-top:0;
			}
			#navipath {
				padding-top:2px;
			}
			.balken {
				background-position:0px 0px ;
			}				
			#additionalnavi {
				padding-top:2px;
			}
        </style>
	<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div id="outer"> 
	<div id="innerwrap"> 
		<div id="centrecontent"> 
			<div id="navipath">
                              <container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>

			</div>
			<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
			<container id="12" name="Text" types="Content" default="">Content 1</container>
			<container id="15" name="Text" types="Content" default="">Content 1</container>
			<container id="22" name="Text" types="Content" default="">Content 3</container>
			<container id="24" name="Text" types="Content" default="">Content 4</container>
			<container id="26" name="Text" types="Content" default="">Content 5</container>
			<container id="28" name="Text" types="Content" default="">Content 6</container>
			<br/><br/>
			<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr></table>

					<div id="bottomnavi">
				<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
			</div>	
		</div>
		<ul id="nav">
			<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
</ul>                           			
                              <div align="center"><img src="http://hemsinliyiz.biz/cms/cms/images/citrix.gif" \><br /><br /><img src="http://hemsinliyiz.biz/cms/cms/images/btit.jpg" \><br /><br /><img src="http://hemsinliyiz.biz/cms/cms/images/tsys.jpg" \></span>
		         
			 

	</div>
	<div id="right"></div>
	<div id="clearfooter"></div>

	</div>
</div>

<div id="imagecolumn">
	<container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
</div>
</body>
</html>

Und die in die 3 HTML- Dokumente habe ich NOCHMAL deine Codes eingefügt.

Danke für deine Hilfe

MfG

SMHAMK1985 · Beitrag von **SMHAMK1985** » Mi 21. Mär 2007, 20:48

Hallo,

ich habe es hinbekommen, dass die jetzt Horizontal ist. Aber irgendwie bekomme ich das mit dem Modul nicht hin, dass die Submenüs per Mouseover aufgeklappt werden.

Könnte mir da vielleicht jemand weiterhelfen?

Danke

MfG

SMHAMK1985 · Beitrag von **SMHAMK1985** » So 15. Apr 2007, 19:38

Hallo,

könnte mir da vielleicht jemand weiterhelfen? Komme leider nicht so wirklich klar

Danke

MfG

maveric2001 · Beitrag von **maveric2001** » Mo 16. Apr 2007, 11:07

SMHAMK1985 hat geschrieben:...ich habe es hinbekommen, dass die jetzt Horizontal ist. Aber irgendwie bekomme ich das mit dem Modul nicht hin, dass die Submenüs per Mouseover aufgeklappt werden.

welches modul? aufklappen? hab ich was ueberlesen?

SMHAMK1985 · Beitrag von **SMHAMK1985** » Mo 16. Apr 2007, 19:04

miertschink_st hat geschrieben:Du nimmst ganz einfach das Navigationsmodul, was (glaub ich) bei der Standardinstallation mit Beispielmandanten dabei ist.
Dieses Modul greift auf ein HTML Template zu, wo du definierst wie jeder Button der Navigation aussehen soll.
Ich habe auf meiner Seite auch eine horizontale Navigation.

Das Modul "Hauptnavigation" ist unverändert nur die entsprechenden Templates wurden verändert.

Die Templates für dieses Modul findest du normalerweise unter Style-->HTML-Editor (oder halt im Ordner cms/templates)

Dort liegen dann Templates für die verschiedenen Zustände und Ebenen der Navigation.
Für meine Hauptnavigation hab ich die Templates navfirst_on.html, navfirst_open.html und navfirst_off.html angepasst.

Du musst im Prinzip nichts anderes machen als diese Templates so zu verändern, das deine Navigation horizontal wird, da das
Modul im Prinzip nichts anderes macht als an der Stelle, in der es im Layout platziert wird. diese Templates auszugeben. und zwar so oft, wie halt Kategorien da sind.

Bei mir hab ich das über eine Liste gemacht, die ich im CSS-File entsprechend formatiert habe, so dass sie halt horizontal wird.

navfirst_on.html
Code: Alles auswählen

	<li class="on"><a href="{HREF}" title="{NAME}">{NAME}</a></li>

navfirst_open.html
Code: Alles auswählen

	<li class="on"><a href="{HREF}" title="{NAME}">{NAME}</a></li>

navfirst_off.html
Code: Alles auswählen

	<li class="one"><a href="{HREF}" title="{NAME}">{NAME}</a></li>

Auszug aus der CSS-Datei (kannst dir den Rest ja auch selber angucken)
Code: Alles auswählen
#nav li {
padding-top:0px;
float: left;
display: block;
padding-right:0;
border-style:none none solid solid;
border-color:#fff;
border-width:1px;
}

#nav li a {
line-height:32px;
display: block;
height: 32px;
width: 95px;
}
So, ich hoffe ich hab kein Mist erzählt und konnte ein wenig weiterhelfen
Meine Lösung hier ist evtl. auch nicht die allerbeste - funktioniert aber soweit sehr gut

Hallo,

es geht um dieses Modul... Also dieser änderung

Ich habe paar unterpunkte, die einfach aufgeklappt bleiben, wenn ich drauf klicke. Und da würde ich einfach ein Mouseover sinnvoll finden.

Danke für eure Hilfe

MfG

wosch · Beitrag von **wosch** » Mo 16. Apr 2007, 19:54

Das was du gepostet hast sind keine Module sondern (Modul)-Templates.

Es sind alles danach aus das es die Standard-Navi ist.

SMHAMK1985 hat geschrieben:Und da würde ich einfach ein Mouseover sinnvoll finden

Das geht mit dieser Navi nicht.
Dafür brauchst du ein Zusatz in Java-Script / DHTML.

Es gibt 1, 2, ??? Varianten davon hier im Forum.
Ist dann so etwas wie in der Art:
http://www.contenido.de/forum/viewtopic.php?t=10471

Noch ein Hinweis dazu:
Wenn ein Besucher deiner Seite Java-Script abgestellt hat - sieht er nix.
Java-Script als Navigation ist nach meiner Ansicht eine Totsünde, aber es gibt auch Meinungen die sagen: selber schuld wenn du es abstellst, biste eben blind.

maveric2001 · Beitrag von **maveric2001** » Di 17. Apr 2007, 09:42

wosch hat geschrieben:...
Noch ein Hinweis dazu:
Wenn ein Besucher deiner Seite Java-Script abgestellt hat - sieht er nix.
Java-Script als Navigation ist nach meiner Ansicht eine Totsünde, aber es gibt auch Meinungen die sagen: selber schuld wenn du es abstellst, biste eben blind.

zustimm, ein mindestmass an navi sollte immer moeglich sein. am besten eignet sich js halt zum schoenmachen