Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.08.2010 um 10:37 (UTC)    
Titel: [Erledigt] Bilder und Texte verdecken das Coolmenü

Mein Coolmenü wird unter dem Bild angezeigt http://omnibus-wuppertal.de.tl/home.htm . Bei Texten habe ich das gleiche Problem http://omnibus-wuppertal.de.tl/wsw-mobil.htm . Ich habe gestern und heute die Suchfunktion benutzt und kein Thema für das Problem gefunden. Ich habe meinen Code unten eingefügt. Wie kann ich das Problem lösen?

Text über dem Design:

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
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;
left: 50%;
top: 230px;
margin-left: -420px;
width: 921px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
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: #00CCFF;
background-image: url(URL);
color: #000000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>


CSS-Code ohne Style Tags:

body {
background-color:#005282;
background-image: url(http://img.webme.com/pic/o/omnibus-wuppertal/body_d_blau.jpg); }

#header_container {
position: absolute;
left: 50%;
top: 120px;
margin-left: -480px;
width: 921px;
height: 104px;
background-image: url(http://img.webme.com/pic/o/omnibus-wuppertal/header_o_w_logo.jpg);
border: ,0px solid #565656; }

#nav_container{
display:none;}

h1#header {display:none;}

h2#title{
display:none;}

#content {
position: absolute;
margin-top: 150px;
left:50%;
margin-left:-345px;
padding-left:4px;
width: 602px;
height:auto;
min-height:650px;
color:#FFFFFF;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#;
background-image:url();
z-index:1;
border: 0px solid #FFFFFF;}

a {
color: #FFFFFF;
}

a:hover {
color: #d60024;
}

a:visited {
color: #FFFFFF;
}
______________
>>> www.omnibus-wuppertal.de.tl <<<


Zuletzt bearbeitet von omnibus-wuppertal am 26.08.2010, 17:27, insgesamt 2-mal bearbeitet
Beitrag26.08.2010 um 10:48 (UTC)    
Titel:

Hallo,
Versuchs mal so:
Zitat:
div.menu {
position: absolute;
left: 50%;
top: 230px;
margin-left: -420px;
width: 921px;
z-index: 1; }


Setzt ein Objekt in den Vordergrund
Beitrag26.08.2010 um 11:38 (UTC)    
Titel:

Danke! Very Happy Das Problem ist gelöst.

Ich habe den z-index auf 10 gestellt.
______________
>>> www.omnibus-wuppertal.de.tl <<<
Beitrag26.08.2010 um 15:36 (UTC)    
Titel:

Bitte sehr Smile
Schreib doch ein erledigt vor den Threadtitel damit die Mods closen können.
Beiträge der letzten Zeit anzeigen:   


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