tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
620
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    kaipron kaipron ist offline Rookie
    Registriert seit
    Feb 2004
    Beiträge
    9
    Hallo zusammen,
    in der aktuellen Ausgabe vom phpMagazin war ein CSS Menü enthalten! Leider war kein Quelltext auf der CD, deshalb hab ich den abgetippt.

    Den gleichen Artikel findet man auf auf der Galileo Verlags Seite als Leseprobe des CSS-Buchs .

    Das Menü geht bei mir nicht, und ich finde keinen (Tipp)Fehler!

    Kann mir jemand weiterhelfen?

    DANKE!
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHMTL 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang=de>
        <head>
            <title>CSS Menue</title>
            <style type="text/css">
                /*<![CDATA[*/
                body{
                    font: bold 11px Verdana,Arial;
                }
                #menu1{
                    width: 90px;
                    float: left;
                }
                .menu1item{
                    background: #efefef;
                    border: 1px solid #800000;
                    color: #000;
                    font: bold 11px Verdana,Arial;
                    text-decoration: none;
                    width: 90px;
                }
                .menu1item a{   
                    display: block;
                    text-decoration: none;
                    color: #000;
                    padding: 4px 2px;
                }
                #menu2{
                    position: relative;
                    display: none;
                    border-top: 1px solid #800000;
                    background: #efefef;
                    color: #000;
                    font: bold 11px Verdana,Arial;
                    margin: 0 auto;
                    padding: 0;
                    text-decoration: none;
                    width: 98px;
                    z-index: 20;
                }               
                head:first-child+body #menu2{
                    display: none;
                    font-weight: bold;
                }
                div.menu1item a:hover{
                    background: #fff;
                    color: #cc0000;
                }
                div.menu1item:hover #menu2{
                    display: block;
                }               
                /*]]>*/
            </style>
        </head>
        <body>
            <div id="menu1">
                <div class="menu1item">
                    <a href="phpmag.html">Hauptseite</a>
                    <div id="menu2">
                        <a href="#">Ebene 2</a> 
                        <a href="#">Links</a>
                        <a href="#">Links</a>
                        <a href="#">Links</a>
                        <a href="#">Links</a>                                       
                    </div>
                </div>                                  
     
            </div>      
        </body>
    </html>
     

  2. #2
    Registriert seit
    Jun 2004
    Ort
    Stuttgart (BW)
    Beiträge
    1.746
    Verrätst Du uns auch noch, was daran nicht geht?

    redlama
     
    Wissen ist Macht! Nichts wissen macht auch nichts, ...
    www.redlama.org

  3. #3
    kaipron kaipron ist offline Rookie
    Registriert seit
    Feb 2004
    Beiträge
    9
    Zitat Zitat von redlama
    Verrätst Du uns auch noch, was daran nicht geht?

    redlama
    das menü klappt nicht auf!

    getestet mit IE, FF und Opera!
     

  4. #4
    saimoto saimoto ist offline Mitglied Silber
    Registriert seit
    Jan 2004
    Beiträge
    74
    Also in FF gehts. Im Artikel steht aber auch, das der IE :hover nur mit a kann!
     

Ähnliche Themen

  1. DropDown Menü geht nicht!
    Von FunkFlex im Forum CSS
    Antworten: 4
    Letzter Beitrag: 01.08.10, 05:58
  2. Java ME Programm aus einem Buch t nicht!
    Von Cäptin Pommes im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 0
    Letzter Beitrag: 27.12.09, 16:46
  3. CSS Down Hoover Menü im IE geht nicht
    Von PhoenixDH im Forum CSS
    Antworten: 14
    Letzter Beitrag: 27.11.08, 17:55
  4. Ein Link im Menü geht nicht!
    Von dead_and_buried im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 21.07.05, 11:31
  5. swf in einem Flashfilm geht, aber maus geht nicht...
    Von ksk im Forum Flash Plattform
    Antworten: 10
    Letzter Beitrag: 26.10.04, 00:05