Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.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 Wink

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
Beitrag10.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
Beitrag10.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?
______________


Beitrag10.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
Beitrag11.02.2009 um 06:03 (UTC)    
Titel:

Jo hab ich ja auf meiner Testseite (http://sulgentest-testing.de.tl/) ist er eingebunden.
______________


Beitrag11.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
Beitrag11.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.
______________


Beitrag11.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
Beitrag11.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?
______________


Beitrag11.02.2009 um 16:51 (UTC)    
Titel:

So ich habe es nun hinbekommen. Danke an die, die mir helfen wollten.
______________


Beitrag11.02.2009 um 17:51 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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