Ergebnis 1 bis 5 von 5

Thema: z-Index

  1. #1
    Teeny
    Registriert seit
    21.12.2014
    Beiträge
    30
    Danke
    14
    Bekam 0 mal "Danke" in 0 Postings

    Standard z-Index

    Hallo ihr fleissigen Helfer,

    ich hab da ein Problem mit dem z-Index.

    Zum Verständnis hier mal der Quellcode

    in HTML:
    Code:
    <?xml version="1.0" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> Titel der Webseite </title>
    
    <link href="home.css" type="text/css" rel="stylesheet">
    
    </head>
    <body>
        <img src="HTML Seite/Images/Kopfzeile.jpeg" width="1000" height="100" style="border: 0px;" />
    
        <img id="hermann" src="HTML Seite/Images/Hermann.png"  width="105" height="157" style="border: 0px;" />
    
      <div id="Menu">
        <div class="oben">
          Home
          <a class="untenX" href="#">Kontakte</a>
          <a class="unten" href="#">Vorstand</a>
          <a class="unten" href="#">Kontaktformular</a>
          <a class="unten" href="#">Anfahrt</a>
          <a class="unten" href="#">Gästeliste</a>
          <a class="unten" href="#">Chronik</a>
        </div>
        <div class="oben">
          Rubrik 2
          <a class="untenX" href="#">Unterpunkt 1</a>
          <a class="unten" href="#">Unterpunkt 2</a>
        </div>
      </div>
    </body>
    </html>
    und hier den dazugehörigen CSS Code:
    Code:
    img
    {
    /*top: 15px;
    left: 25px; */
    margin: 0px 60px;
    }
    body
    {
    background: #008000;
    /*height: 2000px;*/
    }
    
    #hermann{
    position: absolute; top: 250px ; left: 50px;
    z-index: 20;
    }
    
    #Menu             { top: 50px; left: 30px; margin: 20pt 20pt; z-index: 100; }
    #Menu .oben       { float: left; width: 200px; height: 15pt; overflow: hidden; font-weight: bold;
                        text-align: center; background: #ccee99; color: #333333; border: 1px solid #555555; }
    #Menu .oben:hover { height: auto; background-color: #99aa66; color: #ffffff; }
    /*a.untenX          { margin-top: 2pt; }*/
    a.unten, a.untenX { display: block; width: auto; padding: 2pt 0; background: #ccee99; text-decoration: none; color: #333333; }
    a:visited.unten, a:visited.untenX { background: #ccee99; }
    a:hover.unten, a:hover.untenX { background: #ffff99; }
    Mein Problem ist nun, das das aufgeklappte Menü über das Bild gehen soll und nicht dahinter.

    Die anderen kosmetischen Dinge bekomme ich selber auf die Reihe.

    Nur dieser z-Index

    Vielen Dank im vorraus
    Willytyp
    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
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: z-Index

    Dann gib dem Menü einen kleineren Index als dem Bild.

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    21.12.2014
    Beiträge
    30
    Danke
    14
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: z-Index

    Hallo Gastl,
    menue = z-Index 10
    Bild = z-Index 100

    kein Erfolg, wie vorher.

    ich danke dir trotzdem für den Tipp

    willytyp

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: z-Index

    Wer hat dir denn den Trick mit der Navigation gezeigt? Also, eine UL-Liste ist hier besser und verzichte auf absolute Positionierungen. Egal.
    Du musst im Selektorblock #menu noch ein { position:relative; ... } notieren. Z-Index-Angabenkannst du dir schenken.

  5. Folgende User finden die Antwort von djheke gut:


  6. #5
    Teeny
    Themenstarter

    Registriert seit
    21.12.2014
    Beiträge
    30
    Danke
    14
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: z-Index

    Hi djheke,
    vielen, vielen Dank für den Tipp.
    Die Navigation habe ich aus einem schlauen Buch. Na ja....
    Ich hatte schon aufgegeben und das Menüe umgestellt. Befriedigt hat mich das allerdings nicht.
    Dank deinem Tipp sieht meine Welt schon wieder viel besser aus.

    LG
    Willytyp

Ähnliche Themen

  1. Antworten: 12
    Letzter Beitrag: 19.11.2010, 01:03
  2. /index.php, /index,... was findet ihr am besten?
    Von MyXoToD im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 01.06.2010, 11:12
  3. index.php vor index.html interpretieren. Mit Plesk Zugriff auf /conf/ genehmigen?
    Von mikonos im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 02.03.2010, 12:54
  4. index.html - index.php
    Von xisax im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 02.06.2009, 23:03
  5. index.html die auf index.php verweist?
    Von mondeo im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.11.2004, 22:17

Stichworte

Berechtigungen

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