Abstand zwischen Elementen in horizontaler Navigation entfernen
koerschgen2001
- css
0 Steel
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.
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?
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>
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
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)
»» 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)
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
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.
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
Yerf!
eben, genau darum ging's doch - um Whitespace!
Gruß,
Harlequin
Hallo
»» eben, genau darum ging's doch - um Whitespace!
Könnte man da nicht mal den Rechtschreibfehler rausnehmen, auch wenn das eine Verfälschung wäre? :-)
Tschö, Auge