Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.09.2009 um 14:40 (UTC)    
Titel: Iceblue: Probleme bei Unterpunkten beim Coolmenü

Hi =)
Ich habe mir ein coolmenü erstellt und hätte gerne noch unterpunkte, die erscheinen, wenn man mit der maus über den hauptpunkt geht.....die untermenüs sollen ein selbsterstelltes design haben (habe ich bei photoshop gemacht) ...
bei den hauptpunkten habe ich als hover effekt einen gelben balken, der erscheint, wenn ich mit der maus drüber fahre. es wäre cool, wenn es auch geht den selben bei den unterpunkten (nur in einer anderen farbe) zu haben.
mein problem ist aber:
ich habe mir hier im forum codes kopiert und verändert, um meine unterpunkte zu machen ,aber irgenwie werden die beim mit der maus drüber gehen nicht angezeigt, sondern nur, wenn ichauf einen hauptpunkt klicke (dann lädt die nächste seite und dann wird das untermenü dauerhaft angezeigt.....)
was habe ich falsch gemacht? bzw. wie geht das????

hier ist mal mein code für das coolmenü:
Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 433px;
left: 10px;
width:921px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 115px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFFF00;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: all;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="http://billytalentonline.de.tl/News-%26-Updates.htm " target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmnews.jpg" alt=""></a></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/Billy-Talent.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmbillytalent.jpg" alt=""></a></a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</a></li>
</ul>
</li>
<li><a target="_blank" href="http://btonline.bt.funpic.de/gallery/"><img alt="ein Bild" src="http://img.webme.com/pic/b/billytalentonline/cmgalerie.jpg" /></a></a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/Media.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmmedia.jpg" alt=""></a></a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/Forum.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmforum.jpg" alt=""></a></a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/Mix.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmmix.jpg" alt=""></a></a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/WWW.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmwww.jpg" alt=""></a></a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
</ul>
</li>
<li><a href="http://billytalentonline.de.tl/Seite.htm" target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmseite.jpg" alt=""></a></a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
</ul>
</li>
</div>


und hier ist der code für das erste untermenü, den ich NACH dieser stelle:
Code:
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="http://billytalentonline.de.tl/News-%26-Updates.htm " target="_self"><img src="http://img.webme.com/pic/b/billytalentonline/cmnews.jpg" alt=""></a></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

eingefügt habe.
CODE:
Code:
<li><a href="http://billytalentonline.de.tl/Newsarchiv.htm"><img src="http://img.webme.com/pic/b/billytalentonline/newsarchivum.jpg "/>
</a></li>


was ist daran falsch????

DANKE für hilfe Smile
Beitrag11.10.2009 um 17:02 (UTC)    
Titel:

ahh?? wieso antwortet keiner?? weiß keiner eine antwort?
Beitrag11.10.2009 um 20:57 (UTC)    
Titel:

Mach dir ein neues auf:
http://tr.im/BsXc

Mfg Andi
Beiträge der letzten Zeit anzeigen:   


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