Fehlermeldung

[franzsen]

Leider wird hier oft vom Fragesteller das gleiche professionelle Wissen vorausgesetzt.

„Ich will wissen, was im Browser angekommen ist.“
Wer kommt da auf die Idee in den Entwicklerwerkzeugen nachzusehen?

„Das findest Du in den Entwicklungswerkzeugen von Chrome (F12-Taste). ...“ Ich hab's zwar unter „Anzeigen/Entwickler“ gefunden aber ich kenne das von Safari unter „Entwickler/Seitenquelltext einblenden“.

Ich habe darauf hin den Fehler gefunden aber nicht dort wo man ihn gesucht hätte. Das liegt wahrscheinlich daran, daß es schon eine Weile her ist, daß ich die Seiten erstellt habe. Nun möchte ich einiges umbauen. Man lernt ja dazu und möchte einiges verbessern oder anders machen. Jedenfalls ist dieses Problem bereinigt.

Ich habe mir auch gleich die Entwicklertools ein wenig angeschaut und gesehen, daß es eine Anzeige gibt die mir nicht einleuchtet.

Rechts im Bild ist margin durchgestrichen. Ist das eine Anzeige für einen Fehler? Ich habe im CSS nur eine einzige body-Einstellung:

Da gibt es nur ein Hintergrundbild. Was bedeutet es dann?

Meine Frage ist aber noch immer wie ich zwischen bestimmten Listenelementen einen Abstand schaffen kann, wenn das mit Klassen nicht bewerkstelligt werden soll? Ich habe jetzt folgende Liste:

<nav id="navi">
<h2 id="mobilestart">Inhalt</h2>
<ul>
  <li><a href="Allgemein/in_eigener_Sache.html" target="Inhalt">In eigener Sache</a>
  <ul>
     <li class="abstand"><a target="_blank" href="Ahnenforschung/index.html">Zur Ahnenforschung</a></li>
     <li><a href="Rezepte/index.html">Rezepte</a></li>
     <li> </li>
     <li><a href="Garten/Allgemein/index_garten.html">Gartenseite</a></li>
     <li><a href="Sprueche/sprueche.html">Sprüche</a></li>
     <li><a href="Politik/index_politik.html">Politik</a></li>
  </ul></li>
 <li class="abstand"><a href="Allgemein/links.html" target="Inhalt">Links</a></li>
 <li><a href="Allgemein/urheberrechte.html" target="Inhalt">Urheberrecht</a></li></li>-->
</ul>
</nav>

Das sieht nun so aus:

Ich habe es zwar mit einem leeren Listenelement versucht und in einem Test funktioniert es auch, aber hier nicht. Wahrscheinlich durch den code „list-style: none;“ wie ich im Test gesehen habe. Auch ein Abstand nach „Inhalt“ funktioniert nur im Test. Ich hätte es so probiert:

#navi h2 {
	padding-top: 5px;
	padding-bottom: 2px;
  border-bottom: solid 2px white;
  margin-bottom: 10px;
	}