Brauche hilfe zu einem Popup Menü auf meiner Seite

lori

Hab mir das Menü erstellen lassen und wollt es jetzt in meine Seite einfügen... Bin CSS Neuling und hab ehrlich gesagt keinen Plan was ich da jetzt falsch gemacht hab!

Hilfe?!

hier de QT:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>Icehells Travel Service e.V.</title>
</head>

<body bgcolor="#7f55b9">
<div align=center>
<div align="center">
<img src="http://itsev.de.dd2616.kasserver.com/NeueSeite/banner3.jpg" alt="" name="RolloverBild" height="250" width="1020" border="0"></div>


<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#fff;
background-repeat:repeat;
border-color:#808080;
border-width:1px;
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
height:21px;
float: left;
}
ul.pureCssMenu ul{
width:108.15px;
}
ul.pureCssMenu li{
display:block;
margin:2px 0px 0px 2px;
font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#FFFFFF;
border-width:1px;
border-color:#fff;
border-style:solid;
text-align:center;
text-decoration:none;
padding:2px 5px 5px 10px;
_padding-left:0;
font:11px Tahoma;
color: #000;
text-decoration:none;
cursor:default;
}
ul.pureCssMenu span{
overflow:hidden;
}
ul.pureCssMenu li {
float:left;
}
ul.pureCssMenu ul li {
float:none;
}
ul.pureCssMenu ul a {
text-align:left;
white-space:nowrap;
}
ul.pureCssMenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
}
ul.pureCssMenu li.sep span{
float:none; padding-right:0;
width:3px;
height:100%;
display:inline-block;
background-color:#808080; background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3px;
}
ul.pureCssMenu li:hover{
position:relative;
}
ul.pureCssMenu li:hover>a{
background-color:#DBF0F9;
border-color:#45ADE4;
border-style:solid;
font:11px Tahoma;
color: #080808;
text-decoration:none;
}
ul.pureCssMenu li a:hover{
position:relative;
background-color:#DBF0F9;
border-color:#45ADE4;
border-style:solid;
font:11px Tahoma;
color: #080808;
text-decoration:none;
}
ul.pureCssMenu li.dis a {
color: #557D4F !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
display:block;
background-image:url(./images/arrv_white.gif);
background-position:right center;
background-repeat: no-repeat;
padding-right:9px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu li.pureCssMenui0 {
width:110px;
height:23px;
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
background-image:url(./images/btn3.jpg);
border-width:0px;
font:normal 11px Tahoma;
color:#fff;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
background-image:url(./images/btn4.jpg);
font:normal 11px Tahoma;
color:#eee;
}
ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
padding:0px 0px 0px 0px;
}
ul.pureCssMenum0>li>a {
padding:8px 10px 0px 10px;
}
ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;
}
ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
}
ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;
}
ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
ul.pureCssMenum0 li li {
margin:2px 0px 0px 2px;
}

</style>

<ul class="pureCssMenu pureCssMenum0">
<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.itsev.de">Home</a></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Verein im Internet</span><![if gt IE 6]></a><![endif]>
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="http://larper.ning.com/profile/VoknaLogg" target="_blank">LarpeR</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">MeinVZ</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.myspace.com/icehellstravelservice" target="_blank">MySpace</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.vokna-logg.de" target="_blank">Vokna-Logg</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Forum</a></li>
</ul>
</li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Kontakt</span><![if gt IE 6]></a><![endif]>

<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Froum</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="mailto:info@itsev.de" target="_blank">E-Mail</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Impressum</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Gästebuch</a></li>
</ul>
</li>

<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Infos zum Verein</span><![if gt IE 6]></a><![endif]>
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Vereinsgeschichte</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Satzung</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Protokollauszüge</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="http://picasaweb.google.com/IcehellsTravelService" target="_blank">Bilder</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Berichte</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Termine</a></li>
</ul>
</li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>


<div align="center">
<p>Hier ensteht die neue Seite des Icehells Travel Service e.V.</p>
</div>
</div>
</body>

sejuma

Ist mir jetzt zu viel Aufwand, mich da durchzuwursteln.
Was auf den ersten Blick auffällt:
Du hast keinen Standard-Doctype, den der IE benötigt.
Nimm also diesen und schreibe ihn in die allererste Quelltextzeile:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

An dieser Stelle muss der Unterstrich vor padding-left weg:

Zitat

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#FFFFFF;
border-width:1px;
border-color:#fff;
border-style:solid;
text-align:center;
text-decoration:none;
padding:2px 5px 5px 10px;
_padding-left:0;

Alles anzeigen

Falls das nichts hilft, versuch's mit dem Menue mal damit:
http://www.ohne-css.gehts-gar.net/0067.php

Tags