Drop Down Menü

Jevi · 22. Oktober 2006

Hallo!

Habe folgendes Problem: Ich habe ein Drop Down Menü erstellt welches nicht so funktioniert wie ich es will. Nun meine Seite ist in 3 Bereiche geteilt siehe Anhang und im obersten Teil der Seite ist die Navigationsleiste. An den Optionen ist jeweils ein Drop Down Menü. So wenn sich jetzt eine Menü öffnet so geht es zwar richtig auf nur leider im Oberen Bereich. Ich will, aber dass es im oberen Bereich sich öffnet und nicht vom mittleren Teil verdeckt wird. Im Anhang sieht man wie es aussehen soll.
Was habe ich da für Möglichkeiten?

Mr. Snoot · 22. Oktober 2006

Ich tipp mal blind auf den z-index, sofern du das alles mit CSS realisierst

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

DerEineDa · 22. Oktober 2006

Ich bin mir sehr sicher, dass du da überhaupt nichts gegen machen kannst. Es ist nunmal so, dass das Menü nur im eigenen Frame angezeigt wird und nicht über die Trennlinie hinaus angezeigt wird. Blöd, aber ist so.

Jevi · 22. Oktober 2006

DerEineDa schrieb:
Ich bin mir sehr sicher, dass du da überhaupt nichts gegen machen kannst. Es ist nunmal so, dass das Menü nur im eigenen Frame angezeigt wird und nicht über die Trennlinie hinaus angezeigt wird. Blöd, aber ist so.

Das währe ziemlich blöd... Ich werde es noch weiter versuchen und im schlimmsten fall könnte ich ein Menü in der Main Frame für jede Seite einrichten, die genwünschte Lösung ist es aber nicht.

DerEineDa · 23. Oktober 2006

Kannst du anstatt eines Frames nicht auch ein mit CSS absolut positioniertes <div> machen, da wo jetzt gerade dein Frame ist? Klar, den musst du dann auch in jede Seite einbinden..

Jevi · 23. Oktober 2006

DerEineDa schrieb:
Kannst du anstatt eines Frames nicht auch ein mit CSS absolut positioniertes <div> machen, da wo jetzt gerade dein Frame ist? Klar, den musst du dann auch in jede Seite einbinden..

Leider reichen meine Kenntnisse nicht soweit aus, und muss mir bei bestimmten Sachen doch mit nem Web Editor helfen...

CharlesCalthrop · 24. Oktober 2006

Jevi schrieb:
... die gewünschte Lösung ist es aber nicht.

Die wesentlich simplere Lösung wäre eine Verweisliste, die beim ausführen den
darunterliegenden Frame überlappt.

Beispiel: oberer Navigationsframe : die Verweise -hier allerdings tw. externe Links-
würden in Deinem Frameset bei anklicken in den mittleren Frame geladen, wenn Du
folgenden Code testweise mit dem Dateinamen Deiner oberen frame.html speicherst.

(Die Verweise werden nur in einem geladenen Frameset ausgeführt)

Code:

<!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" xml:lang="de" lang="de">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>
    Verweise
  </title>
  <meta name="description" content="Die Beschreibung der Seite" />
  <meta name="keywords" content="Die Stichworte f&uuml;r Suchmaschinen" />
  <meta name="author" content="Jevi" />
  <meta name="DC.Publisher" content="Jevi" />
  <meta name="DC.Date" content="2006-10-24" />
  <meta name="DC.Identifier" content="http://myweb.de/html" />
  <meta name="DC.Language" content="de" />
  <meta name="DC.Rights" content="All rights reserved" />
    <link rel="shortcut icon" href="images/dein_fav.ico" />
  <link rel="stylesheet" type="text/css" href="deine_styledatei.css" />
  [COLOR="Red"]<script type="text/javascript">
function Go (x) {
if (x == "nothing") {
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
} else {
if (x == "end") {
top.location.href = parent.frames[1].location;
} else {
parent.frames[1].location.href = x;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
}
  </script>[/COLOR]
</head>
<body>
<div style="background-image: url(images/deine_hintergrunggrafik.gif); background-repeat: x-repeat;" class="main">
      <form action="">
        <select size="1" name="Auswahl"
 onchange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)"
 style="margin: 0em 2.2em 0em 0em; float: right; width: 220px; background-color: rgb(255, 206, 99); font-size: 12px; font-family: Verdana, sans-serif; color: rgb(10, 36, 106);">
        <option value="https://www.computerbase.de/">&nbsp;
&nbsp;STARTSEITE</option>
        <option value="http://www.google.de/">&nbsp;
&nbsp; &nbsp; SEITE 02</option>
        <option value="http://www.apachefriends.org/de/projects.html">&nbsp;
&nbsp; &nbsp; SEITE 03 </option>
        <option value="http://www.phpbb.de/">&nbsp;
&nbsp; &nbsp; SEITE 04 </option>
        <option value="006.html">&nbsp;
&nbsp; &nbsp; SEITE 05 </option>
        <option value="007.html">&nbsp;
&nbsp; &nbsp; SEITE 06 </option>
        <option value="008.html">&nbsp;
&nbsp; &nbsp; SEITE 07 </option>
        <option value="009.html">&nbsp;
&nbsp; &nbsp; SEITE 08 </option>
        <option value="010.html">&nbsp;
&nbsp; &nbsp; SEITE 09 </option>
        <option value="011.html">&nbsp;
&nbsp; &nbsp; SEITE 10 </option>
        <option value="012.html">&nbsp;
&nbsp; &nbsp; SEITE 11 </option>
        </select>
      </form>
</div>
</body>
</html>

Jevi · 24. Oktober 2006

Viellen dank für den HTML Text. Werde am Wochenende schauen ob ich durch blicke und melde mich dann hier zu Wort.

Jevi · 26. Oktober 2006

@ CharlesCalthrop

Wollte mich nochmal bei dir bedanken! Der Quelltext hat geholfen! hab den passend umgeschrieben und siehe da es geht. Wollte es irgenwie nicht wahr haben, dass es nicht gehen soll.

Suche

Drop Down Menü

Jevi

Lieutenant

Anhänge

Mr. Snoot

Gast

DerEineDa

Lieutenant

Jevi

Lieutenant

DerEineDa

Lieutenant

Jevi

Lieutenant

CharlesCalthrop

Cadet 3rd Year

Jevi

Lieutenant

Jevi

Lieutenant

Ähnliche Themen