Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.03.2009 um 19:48 (UTC)    
Titel: 2 mal coolmenü

hi zusammen kann man zwei coolmenüs machen???

habe mal bissel rumgespielt aber es geht nicht.

hier mal der code

<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>

gruß ingo
Beitrag12.03.2009 um 19:56 (UTC)    
Titel:

Du müsstest alle JS-Funktionen mit einem z.B. "a" am Ende versehen und alle Klassen und ID's ebenfalls.

Weiterhin wäre es sinnvoll, auch die Punkte "<li>" und "<ul>" mit Klassen zu versehen und diese im CSS-Code mit anzugeben, damit sich die beiden Menüs nicht verhakeln.

P.S.: Ich mache das nicht, dafür fehlt mir die Zeit Wink
Beitrag12.03.2009 um 20:04 (UTC)    
Titel:

Hi, ja das geht, aber du musst manche Klassen umändern.

Hier ein umgeänderter Code:
Zitat:
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}

/* Hier wird das ganze 2. Menü positioniert */
div.menu2
{
position: absolute;
z-index: 3;
top: 0px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu2 li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu2 a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu2 a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>

<div class="menu2">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');"> Video</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');"> Bildergalerie </a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Menupunkt3</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Menupunkt4</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Menupunkt5</a>
<ul id="smenu9" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>
Grün ist das 2. Menü

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag12.03.2009 um 20:30 (UTC)    
Titel:

also der code geht so weit nur ercheinen sie untereinander aber ich möchte das der eine über der werbung ist und der eine stimmt soll aufm schwarzen balken sein.

gruß ingo

p.s domenik du hast es ja voll drauf gin schnell deine antwort.
Beitrag13.03.2009 um 22:02 (UTC)    
Titel:

keiner ne idee???
Beitrag13.03.2009 um 22:06 (UTC)    
Titel:

Hast Du mal überlegt, die Positionierung bei beiden Menüs anders zu gestalten:

Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}
Beitrag15.03.2009 um 14:29 (UTC)    
Titel:

coolplace hat Folgendes geschrieben:
Hast Du mal überlegt, die Positionierung bei beiden Menüs anders zu gestalten:

Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}


habe ich bi beiden gemacht

gruß ingo
Beitrag17.03.2009 um 11:04 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hi, ja das geht, aber du musst manche Klassen umändern.

Hier ein umgeänderter Code:
Zitat:
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}

/* Hier wird das ganze 2. Menü positioniert */
div.menu2
{
position: absolute;
z-index: 3;
top: 0px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu2 li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu2 a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu2 a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>

<div class="menu2">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');"> Video</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');"> Bildergalerie </a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Menupunkt3</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Menupunkt4</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Menupunkt5</a>
<ul id="smenu9" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>
Grün ist das 2. Menü

mfg Dominik


es soll hier irgend wo ein fehler sein aber wo und welche keine ahnung vieleicht kann einer ihn überprüfen.
Beitrag18.03.2009 um 15:28 (UTC)    
Titel:

Hab nochmal ein wenig den Code geändert:
Zitat:
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>


<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>
</div>
</td>
</tr>
</table>



<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul.class, li.class
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li.class a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu2
{
position: absolute;
z-index: 3;
top: 10px;
left: 50%;
left: 105px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu2 li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu2 a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu2 a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu6, #smenu7, #smenu8, #smenu9, #smenu10
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a, #smenu10 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu2">
<li class="menu2"><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');"> Video</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');" class="menu2">
<li class="menu2"><a href=" http://www.white-lights.org/Videos.htm"> Menupunkt1.1</a></li>
<li class="menu2"><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li class="menu2"><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>
</ul>
</li>
<li class="menu2"><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');"> Bildergalerie </a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li class="menu2"><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li class="menu2"><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li class="menu2"><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Menupunkt3</a>
<ul id="smenu2" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');" class="menu2">
<li class="menu2"><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li class="menu2"><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li class="menu2"><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Menupunkt4</a>
<ul id="smenu8" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');" class="menu2">
<li class="menu2"><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li class="menu2"><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
<li class="menu2"><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu10');" onmouseout="cache('smenu10');">Menupunkt5</a>
<ul id="smenu10" onmouseover="montre('smenu10');" onmouseout="cache('smenu10');" class="menu2">
<li class="menu2"><a href=" http://Menupunkt5.1.htm ">Menupunkt5.1</a></li>
<li class="menu2"><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>
</ul>
</li>
Die verschieden Farben kennzeichnen die verschiedene Coolmenü's.
Sollte eigentlich jetzt funktionieren, denn auf meiner Testpage funktioniert es.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag19.03.2009 um 18:01 (UTC)    
Titel:

hi soweit ist alles ok

nur wollte ich von menü 6 bis menü 9 (grüner bereich) keine untertitel haben und so die seiten verlinken das sie gleich beim drauf drücken auf eine seite verlinkt die ich dann eingegeben habe.

gruß ingo
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de