Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.05.2010 um 16:57 (UTC)    
Titel: Sub Menü dauerhaft sichtbar?

Ich habe nun 2 Coolmenüs. "Juhu", aber wenn ich die Seite lade, sind beim unteren die Subs sichtbar. Fahre ich dann mit der Maus drüber, gehen sie weg und alles wird normal. Aber so kann das doch nicht sein?









________________________


Hallo schönes Pfingsten schon mal Mr. Green

Also, ich habe ein wenig Platzprobleme. Und nun kam mir die geniale Idee, unter mein jetziges Coolmenü einfach ein 2. zu setzen (farblich ein wenig abgesetzt, aber das ist nicht weiter wichtig an dieser Stelle Wink )

Aber meine geniale Idee scheint nicht zu klappen, denn mein Menü hat ja keinen Namen, also wenn ich ein zweites einsetze, müsste der Code ja überschrieben werden, oder?

Gibt es Abhilfe und Möglichkeiten? Shocked

Vorsichthalber schon einmal mein Code aus "Text über dem Design":


Code:
<div id="Testdesign2">

<style type="text/css">
<!--
img{border:0px;}

-->
</style>

<style type="text/css">
<!--

#Box_extra
{
position: absolute;
top: 120px;
margin-left: 850px;
width: 150px;
height: 55px;
font-family: Times;
font-size: 12px;
color: 58483c;
}

--> </style>

<div id="Box_extra">
<a href="http://wolfbooks.de.tl/verlage.htm"><span style="color: rgb(88, 72, 60);"><span style="font-family: Times New Roman;"><span style="font-size: small;"><strong>Wolf Books dankt:</strong></span></span></span></a><br />
<br />
<div align="center"><script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();

/** Hier die (Zufalls)-Bilder eintragen. **/

image[1] = 'http://img.webme.com/pic/w/wolfbooks/3.png';
image[2] = 'http://img.webme.com/pic/w/wolfbooks/7.png';
image[3] = 'http://img.webme.com/pic/w/wolfbooks/8.gif';
image[4] = 'http://img.webme.com/pic/w/wolfbooks/2.png';
image[5] = 'http://img.webme.com/pic/w/wolfbooks/9.jpg';
image[6] = 'http://img.webme.com/pic/w/wolfbooks/4.png';
image[7] = 'http://img.webme.com/pic/w/wolfbooks/1.png';
image[8] = 'http://img.webme.com/pic/w/wolfbooks/6.png';
image[9] = 'http://img.webme.com/pic/w/wolfbooks/5.png';
image[10] = 'http://img.webme.com/pic/w/wolfbooks/11.png';
image[11] = 'http://img.webme.com/pic/w/wolfbooks/11.jpg';
image[12] = 'http://img.webme.com/pic/w/wolfbooks/4270517_5d1b1d0bdf_l.jpg';
image[13] = 'http://img.webme.com/pic/w/wolfbooks/ars_logo_72dpi.jpg';
image[14] = 'http://img.webme.com/pic/w/wolfbooks/19.png';
image[15] = 'http://img.webme.com/pic/w/wolfbooks/logothiel.jpg';
image[16] = 'http://img.webme.com/pic/w/wolfbooks/brandstaetter-logo_120_52.jpg';

/** Hier die (Zufalls)-Links eintragen. **/

link[1] = 'http://aufbauverlag.de/';
link[2] = 'http://www.gmeiner-verlag.de/';
link[3] = 'http://www.droemer-knaur.de/';
link[4] = 'http://www.mira-taschenbuch.de/';
link[5] = 'http://www.pan-verlag.de/';
link[6] = 'http://arena-verlag.de/';
link[7] = 'http://www.egmont-lyx.de/';
link[8] = 'http://www.randomhouse.de/cbjugendbuch/';
link[9] = 'http://www.randomhouse.de/cbjugendbuch/';
link[10] = 'http://ana.anacondaverlag.de';
link[11] = 'http://www.klett-cotta.de';
link[12] = 'http://www.piper-verlag.de';
link[13] = 'http://www.arsedition.de/';
link[14] = 'http://www.dtv.de/';
link[15] = 'http://www.thieleverlag.com';
link[16] = 'http://www.cbv.at/';

/** Ab hier nichts mehr ändern! **/

var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;

document.write('<a href="' + link[ran] + '"><img src="' + image[ran] + '" border="0" /></a>');
//-->
</script></div>

</div>




<div id="Header_oben">
<table height="74" cellspacing="1" cellpadding="1" border="0" align="left" width="785" style="">
    <tbody>
        <tr>
            <td>
            <div><a href="http://wolfbooks.de.tl"><img height="75" width="89" alt="" src="http://img.webme.com/pic/w/wolfbooks/logobuch.png" /> <img height="70" width="240" alt="" src="http://img.webme.com/pic/w/wolfbooks/logoschrifthell2.png" /></a></div>
            </td>
            <td style="text-align: right;"><a href="http://wolfbooks.de.tl"><br />
            <img src="http://img.webme.com/pic/w/wolfbooks/buchanzahl.png" alt="" /><img src="http://img.webme.com/pic/w/wolfbooks/buchanzahl.jpg" alt="" /></a> <a href="http://wolfbooks.de.tl">  <span style="color: rgb(255, 239, 213);"><span style="font-family: Times;"><em><span style="font-size: xx-large;">149<br />
            </span></em></span></span></a><span style="font-family: Times;"><em><span style="font-size: xx-large;">     </span></em></span></td>
        </tr>
    </tbody>
</table>

</div>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Times;
font-size: 12px;
overflow: auto;
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;
margin-top: 94px;
margin-left: 5px;
width:798px;
border-left: 1px solid #341c02;
border-right: 1px solid #341c02; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
font-size: 11px;
background-color: #2F2723;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
padding-left: 3px;
display: block;
height: 23px;
color: #FFEFD5; }

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

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
text-align: left;

display: none;
width: 114px;

float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a  {
font-weight: bold;
text-align: left;
padding-left: 3px;
padding-top: 3px;
border-top: 0px;
cursor: pointer;
 }
//-->
</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://wolfbooks.de.tl/"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">WOLF BOOKS</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://wolfbooks.de.tl/Philosophie.htm">PHILOSOPHIE</a></li>
<li><a href="http://wolfbooks.de.tl/Newsblog.htm">NEWSBLOG</a></li>
<li><a href="http://wolfbooks.de.tl/Team.htm">DAS TEAM</a></li>
<li><a href="http://wolfbooks.de.tl/Kontakt.htm">KONTAKT</a></li>
</ul>
</li>

<li><a href="http://wolfbooks.de.tl/Frisch-rezensiert.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"><span style="font-size: 11,5px;">FRISCH REZENIERT</span></a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://wolfbooks.de.tl/bestseller.htm">BESTSELLER</a></li>
</ul>

<li><a href="http://wolfbooks.de.tl/Heuler.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">HEULER</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>

</li>
<li><a href="http://wolfbooks.de.tl/B.ue.cherfundus.htm""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">BÜCHERFUNDUS</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://wolfbooks.de.tl/Autoren-A_Z.htm">AUTOREN A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/B.ue.cher-A_Z.htm">BÜCHER A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/Verlage.htm">VERLAGE</a></li>
</ul>
</li>

<li><a href="http://wolfbooks.de.tl/mediathek.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">MEADIATHEK</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://wolfbooks.de.tl/H.oe.rbuch.htm">HÖRBUCH</a></li>
<li><a href="http://wolfbooks.de.tl/Verfilmung.htm">VERFILMUNGEN</a></li>
<li><a href="http://wolfbooks.de.tl/kulturelle-Filme.htm"><span style="font-size: 11px;">KULTURELLE FILME</span></a></li>
<li><a href="http://wolfbooks.de.tl/Soundtrack.htm">SOUNDTRACKS</a></li>
</ul>
</li>

<li><a href="http://wolfbooks.de.tl/Eigenproduktion.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">EIGENPRODUKTION</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://wolfbooks.de.tl/Seifenoper.htm">SEIFENOPER</a></li>
</ul>
</li>

<li><a href="http://wolfbooks.de.tl/G.ae.stebuch.htm""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">GÄSTEBUCH</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://wolfbooks.de.tl/Newsletter.htm">NEWSLETTER</a></li>
<li><a href="http://wolfbooks.de.tl/Kontakt.htm">KONTAKT</a></li>
</ul>
</li>

</div>

<style type="text/css">
<!--

#Box_extra3
{
float:left;
margin-left: 5px;
width: 798px;
height: 120px;
font-family: Times;
font-size: 12px;
color:#58483c;
margin-top:25px;
border-right: 1px solid #341c02;
border-left: 1px solid #341c02;
background: #ffefd5;
}

--> </style>


<div id="Box_extra3">
<table width="800" cellspacing="1" cellpadding="1" border="0">
    <tbody>
        <tr>
<br />
            <td style="text-align: center;"><a href="http://wolfbooks.de.tl/Heuler.htm"><img alt="" style="height: 84px;" src="http://img.webme.com/pic/w/wolfbooks/maibanner.jpg" /></a></td>
        </tr>
        <tr>
            <td style="text-align: center;"><a href="http://wolfbooks.de.tl/newsblog.htm"><em><span style="color: rgb(178, 34, 34);"><span style="font-family: Times;"></span> </span></em></a></td>
        </tr>
    </tbody>
</table>

</div>

 
[/quote]
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.




Zuletzt bearbeitet von wolfbooks am 25.05.2010, 13:25, insgesamt einmal bearbeitet
Beitrag22.05.2010 um 17:53 (UTC)    
Titel:

Gib deinem Menue also einfach einen anderen Namen. Very Happy

Du müsstest dann einfach nur den Code kopieren, anpassen und statt "menue" z.B "coolmenue" eintragen.

Am Script selbst musst du nichts ändern, die Verpackung ändert sich, nicht der Inhalt.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 22.05.2010, 18:54, insgesamt einmal bearbeitet
Beitrag23.05.2010 um 08:36 (UTC)    
Titel:

Ähm, danke Mr. Green Aber wo gebe ich den Namen ein, ich finde das nicht im script Embarassed
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beitrag23.05.2010 um 12:04 (UTC)    
Titel:

Ok, hat geklappt:

http://wolfbooks-test.de.tl/Ich-bin-ein-Test.htm

Aber wenn ich jetzt oben mit der Maus drüber fahre sieht kann das obere Menü das untere nicht überlappen. Kann man das anders lösen?
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beitrag23.05.2010 um 17:48 (UTC)    
Titel:

Gute Frage, nächste Frage bitte.
Da bin ich grad etwas überfragt. Confused
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag23.05.2010 um 17:57 (UTC)    
Titel:

Schade, aber danke Wink
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beitrag25.05.2010 um 11:31 (UTC)    
Titel:

Habe das Problem gelöst. Hat sich erledigt. Für die, die das gleiche Problem haben: Das untere Menü bekommt die 2 als Z-Index. Daher hat es sich nicht überlappt. Mr. Green
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beiträge der letzten Zeit anzeigen:   


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