Ergebnis 1 bis 5 von 5

Thema: Abstand bei Menüpunkten verringern

  1. #1
    Azubi(ne)
    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Abstand bei Menüpunkten verringern

    Hi

    kann ich den Abstand von meinen Menüpunkten veringern, so das kein Abstand mehr da ist ?

    hier: http://epfan.ihzekuh.de

    Code:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Seite 1</title>
    </head>
    
    <body>
    
    <div style="position&#58; absolute; width&#58; 988px; height&#58; 104px; z-index&#58; 1; left&#58;18px; top&#58;-82px" id="Ebene1" align="center">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
           "http&#58;//www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Dynamisch Navigationsleisten auch im IE einblenden</title>
    
    <style type="text/css">
      body, p a &#123;
        font&#58; normal 100.01% Helvetica, Arial, sans-serif;
        color&#58; black; background-color&#58; #0066CC;
      &#125;
    
      div#Rahmen &#123;
        width&#58; 9em;
        padding&#58; 0.8em;
        border&#58; px solid black;
        background-color&#58; #0066CCr;
      &#125;
      * html div#Rahmen &#123;  /* Korrektur fuer IE 5.x */
        width&#58; 48.7em;
        w\idth&#58; 47.1em;
      &#125;
      div#Rahmen div &#123;
         clear&#58; left;
      &#125;
      ul#Navigation &#123;
        margin&#58; 0; padding&#58; 0;
        text-align&#58; center;
      &#125;
    
      ul#Navigation li &#123;
        list-style&#58; none;
        float&#58; left;  /* ohne width - nach CSS 2.1 erlaubt */
        position&#58; relative;
        margin&#58; 0.4em; padding&#58; 0;
      &#125;
      * html ul#Navigation li &#123;  /* Korrektur fuer den IE */
        margin-bottom&#58; -0.4em;
      &#125;
    
      ul#Navigation li ul &#123;
        margin&#58; 0; padding&#58; 0;
        position&#58; absolute;
        top&#58; 1.6em; left&#58; -0.4em;
        display&#58; none;  /* Unternavigation ausblenden */
      &#125;
      * html ul#Navigation li ul &#123;  /* Korrektur fuer IE 5.x */
        left&#58; -1.5em;
        lef\t&#58; -0.4em;
      &#125;
      ul#Navigation li&#58;hover ul &#123;
        display&#58; block;  /* Unternavigation in modernen Browsern einblenden */
      &#125;
      ul#Navigation li ul li &#123;
        float&#58; none;
        display&#58; block;
        margin-bottom&#58; 0.2em;
      &#125;
    
      ul#Navigation a, ul#Navigation span &#123;
        display&#58; block;
        width&#58; 9em;  /* Breite den in li enthaltenen Elementen zuweisen */
        padding&#58; 0.15em 1em;
        text-decoration&#58; none; font-weight&#58; bold;
        border&#58; 1px solid black;
        border-left-color&#58; #ffcc00; border-top-color&#58; #ffcc00;   border-right-color&#58; #ffcc00; border-bottom-color&#58; #ffcc00;
        color&#58; #ffcc00; background-color&#58; #0000FF;
      &#125;
      * html ul#Navigation a, * html ul#Navigation span &#123;
        width&#58; 9em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
        w\idth&#58; 11em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
      &#125;
      ul#Navigation a&#58;hover, ul#Navigation span, li a#aktuell &#123;
        border-color&#58; white;
        border-left-color&#58; #ffcc00; border-top-color&#58; #ffcc00; border-right-color&#58; #ffcc00; border-bottom-color&#58; #ffcc00;
        color&#58; #ffcc00; background-color&#58; 3300CC;
      &#125;
      li a#aktuell &#123;  /* aktuelle Rubrik kennzeichnen */
        color&#58; maroon; background-color&#58; silver;
      &#125;
      ul#Navigation li ul span &#123;  /* aktuelle Unterseite kennzeichnen */
        background-color&#58; maroon;
      &#125;
    
    </style>
    
    <script type="text/javascript">
    if&#40;window.navigator.systemLanguage && !window.navigator.language&#41; &#123;
      function hoverIE&#40;&#41; &#123;
        var LI = document.getElementById&#40;"Navigation"&#41;.firstChild;
        do &#123;
          if &#40;sucheUL&#40;LI.firstChild&#41;&#41; &#123;
            LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
          &#125;
          LI = LI.nextSibling;
        &#125;
        while&#40;LI&#41;;
      &#125;
    
      function sucheUL&#40;UL&#41; &#123;
        do &#123;
          if&#40;UL&#41; UL = UL.nextSibling;
          if&#40;UL && UL.nodeName == "UL"&#41; return UL;
        &#125;
        while&#40;UL&#41;;
        return false;
      &#125;
    
      function einblenden&#40;&#41; &#123;
        var UL = sucheUL&#40;this.firstChild&#41;;
        UL.style.display = "block"; UL.style.backgroundColor = "0066CC";
      &#125;
      function ausblenden&#40;&#41; &#123;
        sucheUL&#40;this.firstChild&#41;.style.display = "none";
      &#125;
    
      window.onload=hoverIE;
    &#125;
    </script>
    
    </head>
    <body>
    <h1 id="Beispiel">Dynamisch Navigationsleisten auch im IE einblenden</h1>
    
      <div id="Rahmen" style="width&#58; 983px; height&#58; 94px"><ul id="Navigation">[*]Überblick
    
    [*]Park
          <ul>[*]Attraktionen[*]Shows[*]Themenbereiche[*]Shopping
    
    		[*]Gastronomie[/list]
        
    [*]Infos
          <ul>[*]Eintrittspreise[*]Wetter
    [*]Events[*]Öffnungszeiten
    		[*]Anfahrt
    		[*]Tipps[/list]
        
    
    [*]Sonstiges
          <ul>[*]Forum[*]Fans[*]EP im TV[*]Downloads
    
    		[*]Umfragen
    		[*]Rätsel[/list]
        
    [*]Impressum
          <ul>[*]Gästebuch
    [*]Kontakt[*]Webmaster[*]Links
    		[/list]
        
    
    
    
    </body>
    
    </html>
    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 !!!!!
    noch nicht fertig.

    http://epfan.ihzekuh.de/

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kann mir keiner helfen ?
    noch nicht fertig.

    http://epfan.ihzekuh.de/

  3. #3
    Prinz(essin)
    Registriert seit
    10.07.2005
    Beiträge
    914
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hier:
    Code:
    ul#Navigation li &#123;
        list-style&#58; none;
        float&#58; left;  /* ohne width - nach CSS 2.1 erlaubt */
        position&#58; relative;
        margin&#58; 0.4em;<-- auf 0 
     padding&#58; 0;
      &#125;

  4. #4
    Azubi(ne)
    Themenstarter

    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von cookie
    hier:
    Code:
    ul#Navigation li &#123;
        list-style&#58; none;
        float&#58; left;  /* ohne width - nach CSS 2.1 erlaubt */
        position&#58; relative;
        margin&#58; 0.4em;<-- auf 0 
     padding&#58; 0;
      &#125;
    danke,
    noch nicht fertig.

    http://epfan.ihzekuh.de/

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    aber wieso zeigt es das nicht bei Mozilla an,
    was muss ich tun damit man auch bei Mozilla keine Abstönde mehr sieht.
    noch nicht fertig.

    http://epfan.ihzekuh.de/

Ähnliche Themen

  1. Bug: abstand wo kein abstand sein sollte
    Von lynox im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.10.2006, 00:44
  2. Grafikplatz verringern
    Von im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 14.09.2006, 20:37
  3. Deckkraft verringern
    Von Gast im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 14.07.2006, 23:07
  4. onmouseover funktion bei menüpunkten
    Von -magnolia- im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 05.04.2005, 11:14
  5. Wie erstelle ich ein Upload Menü mit Menüpunkten ???
    Von Hilfe Suchender im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 29.08.2004, 18:41

Stichworte

Berechtigungen

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