[CSS] Navigationsproblem

[Synatex]

Moin,

Problem:
Es entsteht ein Margin welches ich nicht auffinden kann. Ein Reset wurde bereits am Anfang durchgeführt - wodurch rein logisch - gar kein Margin und Padding mehr zu finden sein dürfte.

Code:


Was ich bis jetzt gemacht habe:
-> Dementsprechend das li und das a Element nachjustiert und probiert dort ebenfalls mit margin 0 und padding 0 zu arbeiten.
-> In der Chrome Metrik nachgeschaut wo das Problem liegen könnte, dort habe ich komischerweise ebenfalls keine verwertbaren Informationen finden können.

Vielleicht ists ja nur etwas kleines was ich übersehe.

[MrPuschel]

Wo tritt das Problem auf? Ich habe gerade ul, li, a und span angeschaut und bei allen ist der reset vom universalselector aktiv.

[GameZzWorld]

Hi,
wo ist genau dort ein Margin oder ein Padding. Meinst du der Abstand zwischen den Navigationspunkten?
Ach ja, noch einen kleinen Tipp. Es gibt so ein Programm, damit kann man ganz einfach so etwas erkennen. Schau mal hier:
Gruß
GameZzworld

[Synatex]

Hi Puschel,

das Problem ist dieses:



@GameZzWorld:

Ja, ich meine den Abstand zwischen den Navipunkten. Danke für den Tipp mit Firebug, Chrome hat ebenfalls dieses Feature und dort kann man in der "Metrik" nachschauen was für Margin/Padding das ganze hat. Es wird aber keins angezeigt, was mich wundert, obwohl es da ist.

[Fehlgeschlagen]

Originally Posted by Synatex

Hi Puschel,

das Problem ist dieses:



@GameZzWorld:

Ja, ich meine den Abstand zwischen den Navipunkten. Danke für den Tipp mit Firebug, Chrome hat ebenfalls dieses Feature und dort kann man in der "Metrik" nachschauen was für Margin/Padding das ganze hat. Es wird aber keins angezeigt, was mich wundert, obwohl es da ist.

BITTE SEHR xDDDDDDDDD

nav > ul > li {
display: block;
float:left;
}

[MrPuschel]

inline-block ist whitespace dependent. Deine Abstände sind schlicht und ergreifend Leerzeichen ;3 Versuch es damit:

<nav>
<ul>
<li><a href="#" title="Startseite">
<span>Startseite</span>
</a></li><li><a href="#" title="Registrieren">
<span>Registrieren</span>
</a></li><li><a href="#" title="Funktionen">
<span>Funktionen</span>
</a></li>
</ul>
</nav>

Fehlgeschlagens Lösung ist auch möglich.

[Fehlgeschlagen]

Originally Posted by MrPuschel

Fehlgeschlagens Lösung ist auch möglich.

Why was so schlimm daran ?

[Synatex]

Okay das war echt dumm. Danke an beide für die schnellen Lösungen.

[Fehlgeschlagen]

Originally Posted by Synatex

Okay das war echt dumm. Danke an beide für die schnellen Lösungen.

Passiert mir auch ständig xDD

Edit: Wenn man schon zu lange an CSS, PHP oder sonstiges sitzt denkt man immer Komplizierter und
dann treten solche dummen fehler auf wo man sich nacher *faceplam* denkt ^^