koerschgen2001: Abstand zwischen Elementen in horizontaler Navigation entfernen

Hallo zusammen,

ich habe eine horizontale Navigation so wie hier gebastelt (<http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm@title=horizontale Navigation>), nur halt mit Bildern für den mouseover Effekt.

Wie bekommt man den Abstand zwischen den Elementen Weg. Hab schon alles Mögliche ausprobiert aber diese unschöne Lücke geht nicht Weg.

  1. Hi!

    ich habe eine horizontale Navigation so wie hier gebastelt (<http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm@title=horizontale Navigation>), nur halt mit Bildern für den mouseover Effekt.

    Schoen, dass Du uns eine andere Navi zeigst...

    Wie bekommt man den Abstand zwischen den Elementen Weg. Hab schon alles Mögliche ausprobiert aber diese unschöne Lücke geht nicht Weg.

    ...als die mit dem Problem.

    Tja. Whitespaces?

    --
    "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
          - T. Pratchett
    1. Hi!

      »» ich habe eine horizontale Navigation so wie hier gebastelt (<http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm@title=horizontale Navigation>), nur halt mit Bildern für den mouseover Effekt.

      Schoen, dass Du uns eine andere Navi zeigst...

      »» Wie bekommt man den Abstand zwischen den Elementen Weg. Hab schon alles Mögliche ausprobiert aber diese unschöne Lücke geht nicht Weg.

      ...als die mit dem Problem.

      Tja. Whitespaces?

      nein, geht nicht.

      hier der quelltext:

      css:

        
      #navigationinhalt {}  
      .navihaupt list-style-type:none;vertical-align:top;margin:0;padding:0;background-image:url(bilder/navileiste.gif);background-repeat:no-repeat;background-position:center top;}  
      .navipunkt {list-style:none;display:inline;margin:0;padding:0;}  
      
      

      html:

        
      <div id="navigationinhalt">  
          <ul class="navihaupt">  
            <li class="navipunkt"><a href="seite1.html"><img src="bilder/link1.gif" width="110" height="37" border="0" alt="seite1"></a></li>  
            <li class="navipunkt"><a href="seite2.html"><img src="bilder/link2.gif" width="139" height="37" border="0" alt="seite2"></a></li>  
            <li class="navipunkt"><a href="seite3.html"><img src="bilder/link3.gif" width="144" height="37" border="0" alt="seite3"></a></li>  
            <li class="navipunkt"><a href="seite4.html"><img src="bilder/link4.gif" width="163" height="37" border="0" alt="seite4"></a></li>  
            <li class="navipunkt"><a href="seite5.html"><img src="bilder/link5.gif" width="140" height="37" border="0" alt="seite5"></a></li>  
          </ul>  
      
      
      1. hi,

          
        #navigationinhalt  
        {  
        }  
        .navihaupt  
          list-style-type:none;  
          vertical-align:top;  
          margin:0;  
          padding:0;  
          background-image:url(bilder/navileiste.gif);  
          background-repeat:no-repeat;  
          background-position:center top;  
        }  
        .navipunkt  
        {  
          list-style:none;  
          display:inline;  
          margin:0;  
          padding:0;  
        }  
        
        

        Fällt dir was auf?

        mfg

        --
        echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
        array(2) {
          ["SELFCODE"]=>
          string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
          ["Meaningful"]=>
          string(?) "Der Sinn des Lebens ist deinem Leben einen Sinn zu geben"
        }
        1. hi,

          #navigationinhalt
          {
          }
          .navihaupt
            list-style-type:none;
            vertical-align:top;
            margin:0;
            padding:0;
            background-image:url(bilder/navileiste.gif);
            background-repeat:no-repeat;
            background-position:center top;
          }
          .navipunkt
          {
            list-style:none;
            display:inline;
            margin:0;
            padding:0;
          }

          
          >   
          > Fällt dir was auf?  
          >   
          >   
          > mfg  
            
          nö. sonst hätte ich den fehler wohl schon gefunden. #navigationinhalt ist zwar noch nicht definiert, hat aber für mein Problem auch keine Bewandtnis (siehe HTML Quelltext)
          
          1. »» hi,
            »»
            »» ~~~css

            »» #navigationinhalt
            »» {
            »» }
            »» .navihaupt
            »»   list-style-type:none;
            »»   vertical-align:top;
            »»   margin:0;
            »»   padding:0;
            »»   background-image:url(bilder/navileiste.gif);
            »»   background-repeat:no-repeat;
            »»   background-position:center top;
            »» }
            »» .navipunkt
            »» {
            »»   list-style:none;
            »»   display:inline;
            »»   margin:0;
            »»   padding:0;
            »» }
            »»

            
            > »»  
            > »» Fällt dir was auf?  
            > »»  
              
            jetzt sehe ich dass ich eine öffnende Klammer vergessen habe. Ist aber nur ein Tipfehler hier im Forum (obwohl ich copy & paste benutzt habe, muss wohl beim einrücken passiert sein), in meinem Quelltext hier ist das drin.  
            
            > »»  
            > »» mfg  
            >   
            > nö. sonst hätte ich den fehler wohl schon gefunden. #navigationinhalt ist zwar noch nicht definiert, hat aber für mein Problem auch keine Bewandtnis (siehe HTML Quelltext)
            
            1. hi,

              jetzt sehe ich dass ich eine öffnende Klammer vergessen habe. Ist aber nur ein Tipfehler hier im Forum (obwohl ich copy & paste benutzt habe, muss wohl beim einrücken passiert sein), in meinem Quelltext hier ist das drin.

              Auch dein HTML hat einen Fehler, da fehlt das schliessende div.

              Wie dem auch sei, hast du schon die Whitespace-Theorie, die Steel in den Raum geschmissen hat, ausgeschlossen?

              <ul><li class="navipunkt"><a  
              href="seite4.html"><img src="bilder/link4.gif" width="163" height="37" border="0"  
              alt="seite4"></a></li><li  
               class="navipunkt"><a href="seite5.html"><img src="bilder/link5.gif" width="140" height="37" border="0"  
              alt="seite5"></a></li><li  
               class="navipunkt"><a href="seite5.html"><img src="bilder/link5.gif" width="140" height="37" border="0"  
              alt="seite5"></a></li></ul>
              

              mfg

              --
              echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
              array(2) {
                ["SELFCODE"]=>
                string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
                ["Meaningful"]=>
                string(?) "Der Sinn des Lebens ist deinem Leben einen Sinn zu geben"
              }
              1. hi,

                »» jetzt sehe ich dass ich eine öffnende Klammer vergessen habe. Ist aber nur ein Tipfehler hier im Forum (obwohl ich copy & paste benutzt habe, muss wohl beim einrücken passiert sein), in meinem Quelltext hier ist das drin.

                Auch dein HTML hat einen Fehler, da fehlt das schliessende div.

                Wie dem auch sei, hast du schon die Whitespace-Theorie, die Steel in den Raum geschmissen hat, ausgeschlossen?

                <ul><li class="navipunkt"><a

                href="seite4.html"><img src="bilder/link4.gif" width="163" height="37" border="0"
                alt="seite4"></a></li><li
                class="navipunkt"><a href="seite5.html"><img src="bilder/link5.gif" width="140" height="37" border="0"
                alt="seite5"></a></li><li
                class="navipunkt"><a href="seite5.html"><img src="bilder/link5.gif" width="140" height="37" border="0"
                alt="seite5"></a></li></ul>

                
                >   
                > mfg  
                  
                ja habe ich, siehe posing nr. 3.  
                Ich hab aber den Fehler herausgefunden, ist was ganz banales.  
                Mann muss einfach den Zeilenumbruch zwischen den Listenpunkten weglassen (also <li>...</li><li>...</li>) dann ist auch der Abstand weg.
                
                1. Hallo,

                  »» Wie dem auch sei, hast du schon die Whitespace-Theorie, die Steel in den Raum geschmissen hat, ausgeschlossen?
                  ja habe ich, siehe posing nr. 3.
                  Ich hab aber den Fehler herausgefunden, ist was ganz banales.
                  Mann muss einfach den Zeilenumbruch zwischen den Listenpunkten weglassen (also <li>...</li><li>...</li>) dann ist auch der Abstand weg.

                  eben, genau darum ging's doch - um Whitespace!

                  Ciao,
                   Martin

                  --
                  Soso, der Klügere gibt nach.
                  Aber warum sollen sich immer nur die Dummen durchsetzen?  .oO(?)
                  1. Yerf!

                    eben, genau darum ging's doch - um Whitespace!

                    Tja...

                    Gruß,

                    Harlequin

                    --
                    <!--[if lt IE 8]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
                    1. Hallo

                      »» eben, genau darum ging's doch - um Whitespace!

                      Tja...

                      Könnte man da nicht mal den Rechtschreibfehler rausnehmen, auch wenn das eine Verfälschung wäre? :-)

                      Tschö, Auge

                      --
                      Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                      Terry Pratchett, "Wachen! Wachen!"
                      Veranstaltungsdatenbank Vdb 0.3