Autor
Nachricht
sulgentest
10.02.2009 um 18:13 (UTC) Titel: Coolmenü Problem!
Hallo,
ich habe heute mein Cool menü script geschrieben und soweit klappt auch alles, aber leider ist es so, das wenn man auf die Seite kommt oder auf eine andere geht die Unterleisten immer offen sind.
Das könnt ihr auch nochmal sehen unter
www.Sulgentest-testing.de.tl
Und nun würde ich gerne wissen, was cih verändern oder dazufügen muss, damit diese Untersieten nicht immer offen sind wenn man auf eine Seite kommt.
Markiert bitte das, was ihr verändert habt, denn ich will ja schließlich dazu lernen
Danke schonmal im vorraus.
Hier mein Code:
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 395px;
left: 50%;
margin-left:-250px;
width:905px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 0px ridge #FFA025;
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/sulgentest/buttoncoolmenue11.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/sulgentest/buttoncoolmenue11.jpg);
}
#smenu1, #smenu2, #smenu3,
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a,
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<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="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EAbout-me%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">About me</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">Iceblue Designs</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-1%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 1</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-2%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 2</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-3%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 3</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-4%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 4</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-5%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 5</a></li>
</ul>
</li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EPartner%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Partner</a></li>
</ul>
</li>
</div>
______________
Zuletzt bearbeitet von sulgentest am 11.02.2009, 13:07, insgesamt 3-mal bearbeitet
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
10.02.2009 um 21:58 (UTC) Titel:
Versuch mal diesen Code:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 394px;
left: 50%;
margin-left:-250px;
width:905px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 0px ridge #FFA025;
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/sulgentest/buttonnormal1111.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #000000;
background-image: url(http://img.webme.com/pic/s/sulgentest/buttonnormal1111.jpg);
}
#smenu1, #smenu2, #smenu3,
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a,
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<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="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EAbout-me%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">About me</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-1%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 1</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-2%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 2</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-3%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 3</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-4%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 4</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-5%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 5</a></li>
</ul>
</li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EPartner%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Partner</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
sulgentest
10.02.2009 um 22:07 (UTC) Titel:
Hallo, ne es hat nciht geklappt. Im gegenteil, du hast sogar noch einen Punkt entfernt^^
Weiß sonst noch jemand woran es liegt?
______________
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
10.02.2009 um 22:10 (UTC) Titel:
Kannst du den Coder vllt. auf deine Seite einfügen?
Dann kann man sich einen eigenen Überblick darüber beschaffen.
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
sulgentest
11.02.2009 um 06:03 (UTC) Titel:
Jo hab ich ja auf meiner Testseite (http://sulgentest-testing.de.tl/) ist er eingebunden.
______________
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
11.02.2009 um 14:29 (UTC) Titel:
So, versuch mal diesen Code (nur der untere Teil):
Zitat: <div class="menu">
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EAbout-me%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">About me</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Iceblue Designs</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-1%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 1</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-2%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 2</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-3%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 3</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-4%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 4</a></li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EDesign-5%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm">Design 5</a></li>
</ul>
</li>
<li><a href="http://sulgentest.de.tl/%3Cfont-face%3D-g-Comic-Sans-MS-g--size%3D-g-3-g-%3E%3Cem%3E%3Cstrong%3EPartner%3C-s-strong%3E%3C-s-em%3E%3C-s-font%3E.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Partner</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
sulgentest
11.02.2009 um 14:58 (UTC) Titel:
Also ne des hat auch nicht geklappt.
Könnte auchs ein, das ich es falsch eingefügt hab, aber ich hab es in 5 verschiedenen Methoden probiert.
______________
↑
kdl-design
11.02.2009 um 15:29 (UTC) Titel:
Das kann auch nicht funktionieren, da du die smenue1 und smenue2 zusammengefasst hast
______________
Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
↑
sulgentest
11.02.2009 um 16:34 (UTC) Titel:
Ich hab einmal ein wenig etwas weggelöscht... Ja das stimmt.
Kannste mir sagen, was ich ändern muss, damit es wieder funktioniert?
______________
↑
sulgentest
11.02.2009 um 16:51 (UTC) Titel:
So ich habe es nun hinbekommen. Danke an die, die mir helfen wollten.
______________
↑
yvonnes-testpage
11.02.2009 um 17:51 (UTC) Titel:
↑