Ergebnis 1 bis 2 von 2

Thema: Brauche hilfe zu einem Popup Menü auf meiner Seite

  1. #1
    lori
    Gast

    Standard Brauche hilfe zu einem Popup Menü auf meiner Seite

    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>

    <!-- Start PureCSSMenu.com STYLE -->
    <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>
    <!-- End PureCSSMenu.com STYLE -->



    <!-- Start PureCSSMenu.com MENU -->
    <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]><!--[if lte IE 6]><table><tr><td><![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>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Kontakt</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![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>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

    <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Infos zum Verein</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![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>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- End PureCSSMenu.com MENU -->

    <div align="center">
    <p>Hier ensteht die neue Seite des Icehells Travel Service e.V.</p>
    </div>
    </div>
    </body>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Brauche hilfe zu einem Popup Menü auf meiner Seite

    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:
    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;
    Falls das nichts hilft, versuch's mit dem Menue mal damit:
    http://www.ohne-css.gehts-gar.net/0067.php

Ähnliche Themen

  1. brauche hilfe bei meiner seite
    Von killerkenny im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 28.04.2006, 15:44
  2. brauche hilfe für popup bei php
    Von Stephan136 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 13.01.2006, 19:56
  3. Brauche Hilfe bei einem Menü-Script - Dringend
    Von SKAdi im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 23.03.2005, 08:37
  4. Antworten: 2
    Letzter Beitrag: 21.08.2004, 20:55
  5. HILFE brauche dringend Hilfe bei meiner Formular Abfrage
    Von Traction1977 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.04.2004, 11:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •