1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Html - Horizontale Navigation mit Rollover-Submenü ?

Discussion in 'Software allgemein' started by Fr4gm4st3r, Jul 12, 2006.

Thread Status:
Not open for further replies.
  1. Fr4gm4st3r

    Fr4gm4st3r Byte

    Hallo,

    ich habe eine Frage.

    Ich möchte für meine Homepage eine horizontale NAvigation haben, wo man
    , wenn man mit der MAus über die Hauptkategorie geht, ein Menü
    vorfindet, welches Submenüs enthält.

    Ich habe eine Vorlage als BEispiel...

    diese findet Ihr unter New Page 1

    Unter Home, Page 1, Page 2, Page 3, usw soll das "Rollover-Menü"
    eingebaut werden.

    Welche Möglichkeiten habe ich?

    Habt Ihr Vorschläge oder Lösungen, die ich nur noch anpassen muss??

    Vielen Dank

    Gruß Lenni
     
    Fr4gm4st3r, Jul 12, 2006
    #1
  2. Matmun

    Matmun Kbyte

    Google z.B. mal nach "DHTML Menü!" usw.
     
    Matmun, Jul 12, 2006
    #2
  3. Fr4gm4st3r

    Fr4gm4st3r Byte


    Hallo,

    ich finde Generatoren, diese sind jedoch alle vertikal...

    Wie bei der BEispielseite sollen die Links der ersten Ebene horizontal verlaufen und die der jeweiligen 2. Ebene direkt darunter senkrecht...

    Versteht ihr was ich meine?

    Haste nen Tipp?
     
    Fr4gm4st3r, Jul 12, 2006
    #3
  4. Matmun

    Matmun Kbyte

    Also ich weiss nicht. Ich würde an deiner Stelle mal deine Google Installation überprüfen :)

    Da gibts haufenweise horizontale Menüs z.B:

    JavaScript / Horizontales Dhtml-Menü - Homepage-Total.de
    Horizontales Dhtml-Menü. ... JavaScript / Horizontales Dhtml-Menü[IE|M1.5|O]. Ein einfaches Dhtml*-Menü das mit allen modernen Browsern funktioniert. ...
    JavaScript / Horizontales Dhtml-Menü - Homepage-Total.de - 12k - Im Cache - Ähnliche Seiten
     
    Matmun, Jul 12, 2006
    #4
  5. Matmun

    Matmun Kbyte

    Oder hier ...

    Horizontales Dhtml-Menü

    Alles bei mir unter Google unter dem selben Suchbegriff! Aber warum die Links selber durcharbeiten und Lösungen suchen!? Wenns auch ein anderer in irgendeinem Forum für einen machen kann! Oder?
     
    Matmun, Jul 12, 2006
    #5
  6. Matmun

    Matmun Kbyte

    Matmun, Jul 12, 2006
    #6
  7. Fr4gm4st3r

    Fr4gm4st3r Byte

    Hallo...

    Vielen Dank erstmal...

    Ich habe jedoch noch 1 Frage....


    Kannst du mir sagen, wo ich einstellen muss, das bei jedem Menü die Unterebene geöffnet werden soll und nicht nur beim ersten (schwer zu erklären, siehst du aber wenn du die Datei im Browser anguckst)

    Hier der Code:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Datei: beispiel4a.htm - erstellt: 29.03.1999 13:47:31 - bearbeitet: 15.03.2002 19:08:21 -->
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Dr. Thomas Meinike - thomas@handmadecode.de">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Ein Pull-Down-Menue mit etwas mehr DHTML (1)</TITLE>
<LINK REL="stylesheet" HREF="../styles/tipsinfo.css" TYPE="text/css">
<STYLE TYPE="text/css">
<!--

A
{
Color: red;
Text-Decoration: none;
}

A:HOVER
{
Color: green;
Font-Weight: bolder;
}

.block
{
Width: 100px;
Height: 80px;
}

.unter
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Position: relative;
Color: white;
Background-Color: black;
Visibility: hidden;
Width: 120px;
Text-Align: center;
Cursor: pointer;
}

.haupt
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: white;
Background-Color: black;
Width: 120px;
Border-Bottom-Color: silver;
Border-Bottom-Width: 1px;
Border-Bottom-Style: solid;
Text-Align: center;
Cursor: w-resize;
}

-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

function MenueAuf(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="visible";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="visible";
  }
}

function MenueZu(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="hidden";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="hidden";
  }
}

//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#000000">
<H2>&nbsp;</H2>
<table border="0" id="table1" cellspacing="0" cellpadding="0">
	<tr>
		<td>
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
	<a href="xxx"><font color="#FFFFFF">Hauptmenue</font></a></DIV>
  <DIV CLASS="unter" ID="Menue" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
    <A HREF="http://www.styleassistant.de/tips/1.htm"><font color="#FFFFFF">Untermenue 1</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/2.htm"><font color="#FFFFFF">Untermenue 2</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/3.htm"><font color="#FFFFFF">Untermenue 3</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/4.htm"><font color="#FFFFFF">Untermenue 4</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/5.htm"><font color="#FFFFFF">Untermenue 5</font></A><BR>
  </DIV>
</DIV>
<font color="#FFFFFF">
<BR>
		</font>
		<p>&nbsp;</td>
		<td>
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
	<a href="xxx"><font color="#FFFFFF">Hauptmenue</font></a></DIV>
  <DIV CLASS="unter" ID="Menue0" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
    <A HREF="http://www.styleassistant.de/tips/1.htm"><font color="#FFFFFF">Untermenue 1</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/2.htm"><font color="#FFFFFF">Untermenue 2</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/3.htm"><font color="#FFFFFF">Untermenue 3</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/4.htm"><font color="#FFFFFF">Untermenue 4</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/5.htm"><font color="#FFFFFF">Untermenue 5</font></A><BR>
  </DIV>
</DIV>
<font color="#FFFFFF">
<BR>
		</font>
		<p>&nbsp;</td>
		<td>
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
	<a href="xxx"><font color="#FFFFFF">Hauptmenue</font></a></DIV>
  <DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
    <A HREF="http://www.styleassistant.de/tips/1.htm"><font color="#FFFFFF">Untermenue 1</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/2.htm"><font color="#FFFFFF">Untermenue 2</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/3.htm"><font color="#FFFFFF">Untermenue 3</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/4.htm"><font color="#FFFFFF">Untermenue 4</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/5.htm"><font color="#FFFFFF">Untermenue 5</font></A><BR>
  </DIV>
</DIV>
<font color="#FFFFFF">
<BR>
		</font>
		<p>&nbsp;</td>
		<td>
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
	<a href="xxx"><font color="#FFFFFF">Hauptmenue</font></a></DIV>
  <DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
    <A HREF="http://www.styleassistant.de/tips/1.htm"><font color="#FFFFFF">Untermenue 1</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/2.htm"><font color="#FFFFFF">Untermenue 2</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/3.htm"><font color="#FFFFFF">Untermenue 3</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/4.htm"><font color="#FFFFFF">Untermenue 4</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/5.htm"><font color="#FFFFFF">Untermenue 5</font></A><BR>
  </DIV>
</DIV>
<font color="#FFFFFF">
<BR>
		</font>
		<p>&nbsp;</td>
		<td width="120">
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">
	<a href="xxx"><font color="#FFFFFF">Hauptmenue</font></a></DIV>
  <DIV CLASS="unter" ID="Menue3" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')" style="width: 120px; height: 75px">
    <A HREF="http://www.styleassistant.de/tips/1.htm"><font color="#FFFFFF">Untermenue 1</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/2.htm"><font color="#FFFFFF">Untermenue 2</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/3.htm"><font color="#FFFFFF">Untermenue 3</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/4.htm"><font color="#FFFFFF">Untermenue 4</font></A><BR>
    <A HREF="http://www.styleassistant.de/tips/5.htm"><font color="#FFFFFF">Untermenue 5</font></A><BR>
  </DIV>
</DIV>
<font color="#FFFFFF">
<BR>
		</font>
		<p>&nbsp;</td>
	</tr>
</table>
</BODY>
</HTML>

    Vielen Dank im Voraus
     
    Fr4gm4st3r, Jul 12, 2006
    #7
  8. Matmun

    Matmun Kbyte

    also ein link auf eine seite wäre irgendwie besser. so kann ich mir das nicht richtig anschauen.

    der Fehler liegt aber wahrscheinlich hier:

    ... ID="Menue0" OnMouseOver="MenueAuf('Menue') ...

    bei OnMouseOver="MenueAuf('Menue0') muss dann bestimmt der richtige Menue Name stehen. also Menue0, Menue1 usw.

    das gilt dann auch noch mal fürs schließen! bei onmouseout!
     
    Matmun, Jul 13, 2006
    #8
  9. Fr4gm4st3r

    Fr4gm4st3r Byte


    Klar, das ist kein Problem...

    Die Seite mit dem Menü erreichst du unter Ein Pull-Down-Menue mit etwas mehr DHTML (1) und die wo die Navigation eingebaut werden soll erreichst du unter New Page 1... Wäre super, wenn du bei der 2.Seite auch ein Blick reinwirfst und mir sagen könntest, wie ich das einfüge, so dass die MEnueleiste auf der Seite ersetzt wird... Das Layout soll jedoch beibehalten werden...
     
    Fr4gm4st3r, Jul 13, 2006
    #9
  10. Matmun

    Matmun Kbyte

    Ja, wie gesagt. passe mal alle Zeilen wie folgt an:

    <DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue')" OnMouseOut="MenueZu('Menue')">

    zu

    <DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">

    und das selbe dann natürlich für Menue2, 3 usw.
     
    Matmun, Jul 13, 2006
    #10
  11. Fr4gm4st3r

    Fr4gm4st3r Byte

    Herzlichen Dank erstmal...

    wie du unschwer siehst, bin ich um einiges vorangekommen...

    New Page 1
     
    Fr4gm4st3r, Jul 13, 2006
    #11
Thread Status:
Not open for further replies.

Share This Page