Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.07.2009 um 10:48 (UTC)    
Titel: problem mit aufklappbarem menü

Hi ich habe folgendes Problem:
Das Menü an sich funktioniert allerdings sollen die einzelnen Bandmitglieder.....also Untermenüpunkten erst erscheinen wenn man
auf Band....also den eigentlichen Menüpunkt mit der Maus fährt und nicht schon vorher zu sehen sind...
mein code is folgender:

TEXT ÜBER DEM DESIGN:


<div id="Testdesign">
<div id="oben">
</div>

<div id="feld_links">
<ul id="navi">
<li>
<a href="http://slaughteredexistence.de.tl/News.htm" id="akt">News</a>
</li>
</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="feld_links_u">
<li><a href="http://slaughteredexistence.de.tl/band.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Band</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://slaughteredexistence.de.tl/Erik.htm">Erik</a></li></div>
<li>
<a href="http://slaughteredexistence.de.tl/medien.htm">Medien</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/shows.htm">Shows</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/G.ae.stebuch.htm">Gästebuch</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/links.htm">Links</a>
</li>
<li><a href="http://slaughteredexistence.de.tl/Kontakt.htm">Kontakt</a>
</li>
</ul>
</div>


CSS CODE:

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 14px; text-decoration: none;}
a:link {color: #ffffff; font-size: 14px; text-decoration: none;}
a:active {color: #ffffff; font-size: 14px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 14px; text-decoration: none;}
body {background-color:#000000;
background-image:url(http://img36.imageshack.us/img36/8408/blackflame.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
* { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 922px;}

#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border:0 px solid #000000;
height: 200px;
margin: 10px 0px 0px 0px;
background-image:url(http://img257.imageshack.us/img257/2251/mybanner4a0b17c9bdc23.jpg);
background-position: center;
background-repeat: no-repeat;
}

#feld_links {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;}

#feld_links_u {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=00);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;
display: none;}


#content {
float: right;
color: #000000;
border: 0px solid #07417C;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 718px;
display: inline;
overflow:auto;}

#sockel {
width: 900px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #000000;
margin: 0px 0px 10px 0px;
padding: 10px;}
#navi {
margin: 0;
padding: 0;
width: 150px;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img16.imageshack.us/img16/8462/buttonxrl.jpg);}

#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}
#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}
background-image: url();
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #07417C;
height: 60px;
margin: 10px 0px 0px 0px;
background: #07417C;}


Danke schonmal im Vorraus
Smile
Beitrag10.07.2009 um 11:20 (UTC)    
Titel:

Hi, da fehlt noch folgender Code:
Zitat:
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
display: none;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
cursor: pointer;
}
Das rote ist für das nicht anzeigen wichtig Wink

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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 10.07.2009, 12:20, insgesamt einmal bearbeitet
Beitrag10.07.2009 um 11:29 (UTC)    
Titel:

danke jetz funktionierts und wird nich angezeigt aber die buttons rutschen nich weiter oO
Beitrag10.07.2009 um 12:23 (UTC)    
Titel:

gut hab alles hinbekomm
könnt thema schließen
Beitrag10.07.2009 um 14:44 (UTC)    
Titel:

Eine Lösung zu posten wäre noch ganz nett, damit hinterher die Leute per SuchFunktion besser Sachen finden!
______________
Beiträge der letzten Zeit anzeigen:   


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