XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Überlappung Layer klappt nicht (http://xhtmlforum.de/showthread.php?t=33798)

bernd_h_schulz 03.12.2004 13:51

Überlappung Layer klappt nicht
 
Hallo zusammen,
bin schon seit Tagen am Basteln, als Anf. tu ich mich da noch schwer.
Bekomme das dropdown-menu nicht vorgeblendet.
Die Seite mit Bildern unter http://www.webdiseiner.net/css/
Danke für die Hilfe.

Gruß Bernd

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<script type="text/javascript" src="dropdown.js"></script>

<title>Aufklappmenue</title>
<style type="text/css" media="Screen">
<!--
body
{
text-align:center;
background-color:#C2B37A;
background-image:url("pics/hgentwurf.jpg");
background-position:50% 0.5%;
background-repeat:no-repeat;
}

/* globaler Container */
#all {
position:relative;
width:975px;
margin:0px auto;
text-align:left;
z-index:1;
}

/* Navigation */
#con1
{
position:absolute;
top:197px;
left: 35px;
z-index:2;
}

ul,li
{
margin:0;
padding:0;
list-style:none;
z-index: 98;
}

ul#menue {
padding: 6px 0 0 0;
}

ul#menue li {
line-height:20px;
border-bottom:1px solid silver;
width:120px;
background-color:black;
}

ul#menue a {
display: block;
padding: 0 0 0 5px;
border-left: 7px solid black;
color: white;
font-weight: bold;
text-decoration: none;
width:100%;
}

ul#menue a:visited {
border-left: 7px solid black;
}
ul#menue a:hover {
border-left: 7px solid #e0d0b0;
background-color: black;
color: red;
}

ul#menue a:active {
border-left: 7px solid #e0d0b0;
}

/* Untermenue */
ul#menue ul.submenue {
position: absolute;
visibility: hidden;
}

ul#menue ul.submenue li {
margin: 0;
padding: 0;
}

ul#menue ul.submenue a {
display: block;
width:90%;
z-index:99;
}

ul#menue ul.submenue a:visited {
border-left: 7px solid black;
}
ul#menue ul.submenue a:hover {
border-left: 7px solid #e0d0b0;}

ul#menue ul.submenue a:active {
border-left: 7px solid #e0d0b0;}

#con2 /* Bauland Bild */
{
position:absolute;
top:402px;
left: 5px;
z-index:3;
}

/* Anzeige Seitennavigation */
#con3
{
position:absolute;
top:155px;
left: 190px;
width:310px;
height:20px;
z-index:4;
}

/* Extras Styleswitch */
#con4
{
position:absolute;
top:155px;
left: 510px;
width:450px;
height:20px;
z-index:5;
}

#toolbox
{
font-size:80%;
float:left;
}

.extra
{
border:1px solid;
padding-left:3px;
padding-right:3px;
font-size:110%;
font-weight:bold;
}

.extra a { text-decoration:none; }

/* eigentlicher Content */
#con5
{
position:absolute;
top:190px;
left: 190px;
width:750px;
height:380px;
background-color:silver;
overflow:auto;
z-index:5;
}

#con5 a
{
font-style:italic;
font-size:110%;
font-weight:bold;
text-decoration:none;
color:black;
}

#con5 a:hover
{
text-decoration:underline;
}
-->
</style>

</head>
<body>
<div id="all">
<div id="con1">
<ul id="menue">[*]HOME

<ul id="erstes" class="submenue">
[*]Hilfe
[*]Impressum
[*]Aktuelles
[*]Grunds&auml;tzliches
[*]Downloads

[*]Webboard
[*]Forum
[*]Grunds&auml;tzliches
[*]Downloads
[*]Webboard
[*]Forum

[/list][*]ZWEITER
<ul id="zweites" class="submenue">
[*]Hilfe
[*]Impressum
[*]Aktuelles
[*]Grunds&auml;tzliches

[*]Downloads
[*]Webboard
[*]Forum
[*]Grunds&auml;tzliches
[*]Downloads
[*]Webboard

[*]Forum
[/list][*]DRITTER
<ul id="drittes" class="submenue">
[*]Hilfe
[*]Impressum
[*]Aktuelles

[*]Grunds&auml;tzliches
[*]Downloads
[*]Webboard
[*]Forum
[*]Grunds&auml;tzliches

[*]Downloads
[*]Webboard
[*]Forum
[/list][/list]</div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="186" height="165" id="con2">
<param name="movie" value="pics/burg.swf" />
<param name="quality" value="high" />

<embed src="pics/burg.swf" bgcolor="" scale="showall" play="true" loop="true" menu="true" quality="high" width="186" height="" name="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>


<div id="con3">
Seitennavigation

</div>

<div id="con4">

Style Switcher
</div>

<div id="con5">
con5 - der fünfte container



lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>



lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>


lskdjfslkdf lkasjhklasdfjhon5 - der fünfte container</p>
</div>


</div>
</body>
</html>


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:17 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023