• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zeilenabstand nach Nutzung der Auflistung unerwünscht

clausca

Neues Mitglied
Mt selfhtml habe ich (html Neuling) mich etwas eingearbeitet und finde für folgendes keine Lösung.
1. Nach der Nutzung von ul (Aufzählung) macht der Firefox eine Leerzeile die ich nicht haben möchte. "Bewegungsanalyse......." soll direkt unter Schmerzbehandlung stehen.
2. "(keine Kassenleistung)" möchte ich gern in kleinerer Schrift hinter der Überschrift "Zusätzliche angebote" haben.
Welche Lösungen gibt es für diese beiden Fragen:
<ul>
<li>Hausbesuche (auch in Einrichtungen)</li>
<li>Funktionelle Schmerzbehandlung</li>
</ul>
<p style="text-indent:2em;">(Bewegungsanalyse, Kräftigung und Hilfe für den Alltag)</p>
<h2> Zusätzliche Angebote</h2>
<p style="text-indent:2em;">(keine Kassenleistung)</p>

html.jpg
 
Ich vermute mal Du hast für das <ul> den Außenabstand (margin) nicht auf "0" gesetzt.
 
Wo kann ich die Margin auf 0 setzen. Im "body" oder vor dem body oder in CSS. Wie muß der Befehl aussehen?
Danke für Deine Antwort
 
Hallo nochmal threadi, Deine allgemeinen Angaben (vielen Dank dafür) haben mir als Neuling nicht wirklich geholfen. Was genau muß ich wo in den <ul> Block einfügen, um die unerwünsche Leerzeile zu unterbinden.

Ich füge mal Ausschnitte aus meinem Code hier an:
.
.
.
<style type="text/css">
</style>

</head>
<body>
.
.
.
<h2>Therapieschwerpunkte</h2>

<ul>
<li>ZNS - Bobath - Erwachsene</li>
<li>ZNS - Bobath - Kinder</li>
<li>SI (sensorische Integration)</li>
<li>Psychomotorik</li>
<li>PNF (Neurophysiologische Behandlung)</li>
<li>Manuelle Lymphdrainage (MLD)</li>
<li>Spiraldynamik (Intermediate I)</li>
<li>Atemtherapie</li>
<li>Rückengruppe</li>
<li>Wärmetherapie, Kältetherapie</li>
<div class="image_right"><img src="Behandlung.jpg" alt="Behandlung" width="300" height="200" /></div>
<li>Schlingentisch</li>
<li>Hausbesuche (auch in Einrichtungen)</li>
<li>Funktionelle Schmerzbehandlung</li>
</ul>
<p style="text-indent:2em;">(Bewegungsanalyse, Kräftigung und Hilfe für den Alltag)</p>

<h2> Zusätzliche Angebote</h2>
<p style="text-indent:2em;">(keine Kassenleistung)</p>
<ul>
<li>Craniosacrale Osteopathie</li>
<li>Yogagruppen</li>
<li>Fußreflexzonenmassage</li>
<li>Spielgruppe</li>
</ul>

</div>
</body>
</html>

Websiteauszug.jpg
 
Hallo nochmal threadi, Deine allgemeinen Angaben (vielen Dank dafür) haben mir als Neuling nicht wirklich geholfen. Was genau muß ich wo in den <ul> Block einfügen, um die unerwünsche Leerzeile zu unterbinden.

In den <ul> Block gar nichts.

Dein CSS gehört da rein:
Code:
<style type="text/css">
</style>
Versuchs mal mit:
Code:
<style type="text/css">
* {margin: 0;
   padding: 0;}
</style>
Steht alles in den Links die dir threadi gepostet hat.

Gruss
Elroy
 
Zuletzt bearbeitet:
Zeilenabstand nach Nutzung der Auflistung <ul> unerwünscht

Vielen Dank für Eure Tips... Vielen Dank für die Mühe....hatten leider nicht geholfen.
Durch zeitraubendes ausprobieren bin ich aber jetzt selbst drauf gekommen. Hier das Ergebnis für alle die, die mitgelesen haben.

Codeauszüge:
HTML:
<style type="text/css">
div.abstand0 { margin-top:0px; }
</style>

</head>
<body>

<h2>Therapieschwerpunkte</h2>

<ul>
  <li>ZNS - Bobath - Erwachsene</li>
  <li>ZNS - Bobath - Kinder</li>
  <li>SI (sensorische Integration)</li>
  <li>Psychomotorik</li>
  <li>PNF (Neurophysiologische Behandlung)</li>
  <li>Manuelle Lymphdrainage (MLD)</li>
  <li>Spiraldynamik (Intermediate I)</li>
  <li>Atemtherapie</li>
  <li>Rückengruppe</li>
  <li>Wärmetherapie, Kältetherapie</li>
  <div class="image_right"><img src="Behandlung.jpg" alt="Behandlung" width="300" height="200" /></div>
  <li>Schlingentisch</li>
  <li>Hausbesuche (auch in Einrichtungen)</li>
  <li>Funktionelle Schmerzbehandlung<br><div class="abstand0">(Bewegungsanalyse, Kräftigung und Hilfe für den Alltag)</p></li>
</ul>

<h2> Zusätzliche Angebote  <span style="font-size:.7em">(keine Kassenleistung)</span></h2>
<ul>
  <li>Craniosacrale Osteopathie</li>
  <li>Yogagruppen</li>
  <li>Fußreflexzonenmassage</li>
  <li>Spielgruppe?????</li>
</ul>
</body>
</html>
 

Anhänge

  • Websiteauszug1.jpg
    Websiteauszug1.jpg
    27,8 KB · Aufrufe: 3
Hallo.

Tut mir leid aber das kann nicht die Lösung sein da du gerade invaliden Code produzierst.

Lass deinen Code mal durch den Validator laufen.
In einem <ul> und in eine <li> darf kein <div> sein, ausserdem schliesst du in einem <li> ein </p> das du wo genau? vorher geöffnet hast.
Aber ist ja egal da dort auch kein <p> vorkommen darf.

Du siehst also dein Code ist ziemlich fehlerhaft und bedarf dringend der Überarbeitung.

Gruss
Elroy
 
Zurück
Oben