Suche bestimmte Navigation

Stephanie · 26.02.2003, 23:35

Hallo, da ich im Design nur begrenzt Platz habe, suche ich eine Navigation, die sich nur in der Länge verändert. Wenn ich einen Menüpunkt anklicke, sollen sich die Untermenüs öffnen - jedoch nicht als PopUp in irgendeiner Richtung, sondern nach unten, wobei sich die nachfolgenden Untermenüs nach unten verschieben. Ich hoffe Ihr versteht, was ich meine. Sonst mach ich eine zeichnung...
Ich habe bisher nix vergleichbares gefunden...

steff · 27.02.2003, 11:12

wenn du nix vergleichbares gefunden hast, versteh ich nicht, was du meinst - bitte eine zeichnung

Stephanie · 27.02.2003, 12:17

Ich meinte so eine Navigation wie z.B. auf http://www.es-weisswasser.de/
Finde ich optimal, wenn man nur wenig Platz hat. Hab auch endlich was ähnliches gefunden, also hat sich´s erledigt...

leXmaX · 27.02.2003, 13:21

Schau mal auf dhtmlcentral . Dort gibts eine ganze Menge von verschiedensten Menuscripts.

Ich weiß zwar nicht ob genau dieses dabei ist, aber sowas ähnliches gibts auf jeden Fall.

Gruß Lex

steff · 27.02.2003, 14:31

guter link

Stephanie · 27.02.2003, 15:12

Ich habe ja jetzt ein Menü gefunden. Ich habe es irgendwie auch hinbekommen, die Links darin zu ändern. Mein Problem ist jetzt bloß: Wohin mit den Linktargets? Irgendwo im Quältext muß ich doch reinschreiben, in welchem Frame der link geöffnet werden soll. Mit meinen minimalen html-Kenntnissen komme ich da nicht weit...
Ich hab das Menü mal beigelegt, vielleicht kann mir einer auf die Sprünge helfen, wo ich das einzutragen habe.

Danke...

Stephanie · 27.02.2003, 15:17

Da wäre es also

jph · 27.02.2003, 19:46

hallo,
habe ein menü auf css basis. SEHR GUT zu administrieren. Im mozilla gibt es eine optimale (dynamische) darstellung. im ie leider nur statisch (alle untermenüs auf). keine fehler (auch nicht im nc 4!
Das ganze stammt in der grundidee aus einem buch. Ich habe noch etwas rumoptimiert!
für zukunftsträchtige sachen sehr zu empfehlen!

Code:

<head>
<title>CSS Men&uuml;</title>
<style type="text/css">
<!--

body {
   font: 11px Verdana,Arial;
   }
 
#hauptmenu {
   float: left;
   margin-right: 10px;
   width: 100px;
  }

.hauptmenuitem {
   background: #efefef;
   border:1px solid #800000;
   color: green;
   font: bold 11px Verdana,Arial;
   text-decoration: none;
   width: 100px;
  }
  
.hauptmenuitem a {
  display: block; 
  text-decoration: none;
  color: #000;
  padding: 4px 2px;
  }
 
#submenu {
   position: relative;
   border-top: 1px solid #800000;
   background: #efefef;
   color: #000;
   font: 11px Verdana,Arial;
   text-decoration: none;
   width: 98px;
   z-index: 20;
 } 

head:first-child+body #submenu { 
   display: none;
   font-weight: bold;}

 div.hauptmenuitem a:hover {
   background: #fff;
   color: #cc0000;
  }
   
div.hauptmenuitem:hover #submenu {
  display:block;
  } 
  
-->
</style>
</head>
<body>
<div id="hauptmenu"> 
   <div class="hauptmenuitem"><a href="index.html">Hauptseite</a> 
      <div id="submenu">
      <a href="index.html">Seite 2</a> 
      <a href="beispiel1.html">Beispiel 1</a>
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> </div>
   </div>
   <div class="hauptmenuitem"><a href="index.html">Hauptseite</a> 
      <div id="submenu"> 
      <a href="index.html">Seite 2</a> 
      <a href="beispiel1.html">Beispiel 1</a>
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> 
      <a href="index.html">Weitere Links</a> 
      </div>
   </div>
   <div class="hauptmenuitem"><a href="beispiel1.html">Beispiel 1</a></div>
   <div class="hauptmenuitem"><a href="index.html">Links</a></div>
   <div class="hauptmenuitem"><a href="index.html">Links</a></div>
   <div class="hauptmenuitem"><a href="index.html">Links</a></div>
   <div class="hauptmenuitem"><a href="index.html">Links</a></div>
</div>
TEXT TEXT 

</body>

steff · 27.02.2003, 20:56

hallo, stephanie,

die änderung musst du im slidemenu.js vornehmen.
ich habs mal so angepasst, wie es funktionieren sollte.
[list=1][*]ersetze die beigefügte slidemenu.js gegen deine.[*]suche das wort framename - am besten mit strg + f[*]ersetze framename durch den namen deines frames[*]ausprobieren[*]wenns nicht klappt, gscheitere leut im traum-projekt fragen

[/list=1]

Suche bestimmte Navigation

css-menü