tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
711
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 01.07.04 11:49 #1
    VBFreak VBFreak ist offline Mitglied Silber
    Registriert seit
    Jun 2004
    Beiträge
    89
    Hallo,

    ich habe erstmal mit reinem CSS eine Menü-Navigation erstellt (z.Zt nur Opera & Co, nicht IE). Im ersten Menü gibt es den Eintrag "Test ---". Wenn man über diesen fährt, soll rechts daneben "Sub-Eintrag" erscheinen. Bei mir wird es aber nie angezeigt
    Was mache ich falsch?

    Hier mein CODE(funktioniert nicht in IE):
    PHP-Code:
    <html>
    <    head>
    <    style type="text/css" media="screen"><!--
    .    Document {position:absolute ; top:30px}
    .    pop {min-height:20px;position:absolute;top:0;text-align:center;background-color:#A9A9A9;font-size:10pt;font-weight:bold;z-index:1}
    .pop a {text-decoration:none;color:#0000FF;width:100%}
    .pop a:hover {color:#00FFFF;background-color:#0000FF}
    .pop:hover .Entry{display:block}
    .    Entry{font-size:8pt;text-align:left;display:none}
    .    SubEntry{width:100%}
    .    SubEntryElements{position:absolute;z-index:2;display:none}
    .    SubEntry:hover .SubEntryElements{display:block}   //<-- Hier sollte das DIv eingeblendet werden
    #Menu1 {left:0;width:150}
    #Sub11 {left:500;top:200}                          //<-- Hier steht eigentlich die Position des "fehlenden" divs
    //--->
    </style>
    </    head>
    <    body>

    <    div id="Menu1" class="pop">
            Joint Venture
                 <div class="Entry">
                 <    div class="SubEntry">
                             Test ->
                         <    div id="Sub11" class="SubEntryElements">
                                 <    a href="a">Sub-Eintrag</a>
                             </    div>
                </    div>
                 <    a href="A">Joint Venture</a><br>
            <    a href="A">History</a><br>
            <    a href="A">AMD&nbsp;Inc.</a><br>
                 <    a href="A">Photomasks&nbsp;Inc.</a><br>
                 <    a href="A">Infineon&nbsp;Technolgies&nbsp;AG</a><br>
                 <    a href="A">Biographies</a>
        </    div>
    </    div>
    <    div class="Document">
    Hier steht Dokument-Text
    </div>
    </    body>
    </    html> 
    Geändert von VBFreak (01.07.04 um 12:30 Uhr)
     
  2. 01.07.04 13:10 #2
    VBFreak VBFreak ist offline Mitglied Silber
    Registriert seit
    Jun 2004
    Beiträge
    89
    OK, habe gerade Problem selber gelöst. Es ist aber dafür 1 neues Problem aufgetaucht:
    Wenn ich über den Eintrag fahre, der die Untereinträge enthält, wird der Bereich in der Höhe verlängert.

    Habt ihr ne Idee, wie ich das wegkriege (nur CSS)?

    Hier der neue Code(nicht IE):
    PHP-Code:
    <html>
    <    head>
    <    style type="text/css" media="screen"><!--
    .    Document {position:absolute ; top:30px}
    .    pop {min-height:20px;position:absolute;top:0;text-align:center;background-color:#A9A9A9;font-size:10pt;font-weight:bold;z-index:1}
    .pop a {text-decoration:none;color:#0000FF;width:100%}
    .pop a:hover {color:#00FFFF;background-color:#0000FF}
    .pop:hover .Entry{display:block}
    .    Entry{font-size:8pt;text-align:left;display:none}
    .    SubEntry{width:100%;color:#0000FF}
    .SubEntryElements{position:relative;background-color:#A9A9A9; z-index:2;display:none}
    .SubEntry:hover {color:#00FFFF;background-color:#0000FF}
    .SubEntry:hover .SubEntryElements{display:block}
    #Menu1 {left:0;width:150}
    #Menu8 {left:819;width:80}
    #Sub11 {left:150;top:-13}
    //--->
    </style>
    </    head>
    <    body>
    <    div id="Menu1" class="pop">
            Joint Venture
                 <div class="Entry">
            <    a href="A">Joint Venture</a><br>
            <    a href="A">History</a><br>
            <    a href="A">AMD&nbsp;Inc.</a><br>
            <    a href="A">Photomasks&nbsp;Inc.</a><br>
                 <    a href="A">Infineon&nbsp;Technolgies&nbsp;AG</a><br>
                <    a href="A">Biographies</a><br>
                     <    div class="SubEntry">
                             Test
                             <div id="Sub11" class="SubEntryElements">
                                 <    a href="A">Sub-Eintrag</a>
                                     <    a href="A">Sub-Eintrag</a>
                                     <    a href="A">Sub-Eintrag</a>
                                     <    a href="A">Sub-Eintrag</a>
                             </    div>
                     </    div>
        </    div>
    </    div>
    <    div class="Document">
    Hier steht Dokument-Text
    </div>
    </    body>
    </    html> 
     
  3. 01.07.04 14:54 #3
    VBFreak VBFreak ist offline Mitglied Silber
    Registriert seit
    Jun 2004
    Beiträge
    89
    Habe gerade gemerkt, dass nur Opera das kann. Also Opera-User helft mir.
     
« layouten mit dynamischen DIVs | Alles zwischen A und B wird in Farbe xx angezeigt? »

Ähnliche Themen

  1. DIV wird nicht angezeigt
    Von selle1 im Forum CSS
    Antworten: 4
    Letzter Beitrag: 21.07.10, 12:48
  2. PDF wird im IE nicht angezeigt
    Von MbHelm im Forum PHP
    Antworten: 5
    Letzter Beitrag: 26.04.07, 18:55
  3. DIV wird nicht angezeigt
    Von Tix im Forum CSS
    Antworten: 3
    Letzter Beitrag: 09.02.07, 16:30
  4. CSS wird im IE nicht angezeigt
    Von dastool im Forum CSS
    Antworten: 4
    Letzter Beitrag: 14.03.05, 11:51
  5. php wird nicht angezeigt
    Von Xeal87 im Forum PHP
    Antworten: 8
    Letzter Beitrag: 09.11.02, 17:14