Liste ohne Leerzeile in der Überschrift

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich möchte eine Liste mit einer Überschrift, jedoch soll nach dieser
Überschrift keine Leerzeile erscheinen, sondern gleich in der
nächsten Zeile die Liste beginnen. Trotz des Tags ist vor der
Liste eine Leerzeile :frowning:

Mein Quelltext:

[NOBR][span class=„h1“]Meine schoene Ueberschrift[/span]
[/NOBR]
[ul]
[li]Listenelement 1[/li]
[li]Listenelement 2[/li]
[li]Listenelement 3[/li]
[/ul]

Macht es Sinn hier mit margin oder padding rum zu schrauben oder gibt
es einen einfachen Befehl, auf den ich einfach noch nicht gestoßen
bin?

Dankeschön!!!

Steffi

#2

Hallo Steffi,

ich möchte eine Liste mit einer Überschrift, jedoch soll nach
dieser Überschrift keine Leerzeile erscheinen, sondern gleich
in der nächsten Zeile die Liste beginnen. Trotz des Tags
ist vor der Liste eine Leerzeile :frowning:

Mein Quelltext:

[NOBR][span class=„h1“]Meine schoene Ueberschrift[/span]
[/NOBR]

Bist Du sicher, dass es sich hierbei um html handelt?

Ich würde es so machen:

prehtml >
h1 {margin-bottom:0; padding-bottom:0}
ul {margin-top:0; padding-top:0}
Meine schoene Ueberschrift

  • Listenelement 1

  • Listenelement 2

  • Listenelement 3

/ prehtml >

Grüße

CMБ

#3

Hallo,

Macht es Sinn hier mit margin oder padding rum zu schrauben

wenn ich das Problem richtig verstehe ist das genau das, was du tun musst. Allerdings ist das nichts exotisches - so klingt es bei dir nämlich ein bisschen :smile:

Befehl

HTML kennt keine Befehle. Nur Elemente.

mfg
MB

#4

Hallo Semjon,

tausend Dank! Das wars! Ich habe in mein externes Stylesheet einfach
das von Dir empfohlene ul {margin-top:0; padding-top:0} eingefügt
und die Welt ist gut :smile:Eigentlich ganz klar…

Nochmal vielen Dank. Manchmal sieht man den Wald vor lauter Bäumen
nicht mehr…

Viele Grüße

Steffi

Hallo Steffi,

ich möchte eine Liste mit einer Überschrift, jedoch soll nach
dieser Überschrift keine Leerzeile erscheinen, sondern gleich
in der nächsten Zeile die Liste beginnen. Trotz des Tags
ist vor der Liste eine Leerzeile :frowning:

Mein Quelltext:

[NOBR][span class=„h1“]Meine schoene Ueberschrift[/span]
[/NOBR]

Bist Du sicher, dass es sich hierbei um html handelt?

Ich würde es so machen:

prehtml >

h1 {margin-bottom:0; padding-bottom:0}
ul {margin-top:0; padding-top:0}

Meine schoene Ueberschrift

  • Listenelement 1

  • Listenelement 2

  • Listenelement 3

/ prehtml >

Grüße

CM?

#5

Hallo,

da hattest Du Recht :smile: Im Thead von Semjon Michailowitsch steht auch
genau wie die Befehle, ääääh Elemente heissen :wink:

Trotzdem Danke!

Viele Grüße

Steffi

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#6

Hallo Steffi

Ich habe in mein externes Stylesheet einfach das von
Dir empfohlene ul {margin-top:0; padding-top:0}
eingefügt und die Welt ist gut :smile:Eigentlich ganz klar…

Das würde ich „so“ nun wieder nicht tun,
da sich das auf alle ‚ul‘ im Gültig-
keitsbereich bezieht. Besser: ‚Class-ID‘ für
alle derartigen Konstrukte (.ullline, -h1line)
vergeben und einmal im css festlegen.

So etwa …
.h1line, .ulline { margin:0; padding:0; float:left; }
.ulline { margin-left:2em; }
Meine schoene Ueberschrift:

  • Listenelement 1

  • Listenelement 2

  • Listenelement 3

(Obiges auch als interessante Variation gedacht :wink:

Grüße

CMБ

1 Like
#7

Hallo Semjon,

vielen Dank für Deine Mühe! In meinem Fall reicht es aber aus ohne
Klassen zu arbeiten, da das „Projekt“ recht übersichtlich ist. Aber
Du hast natürlich vollkommen Recht, nur mit Klasse ist es Klasse :wink:

Viele Grüße

Steffi

Hallo Steffi

Ich habe in mein externes Stylesheet einfach das von
Dir empfohlene ul {margin-top:0; padding-top:0}
eingefügt und die Welt ist gut :smile:Eigentlich ganz klar…

Das würde ich „so“ nun wieder nicht tun,
da sich das auf alle ‚ul‘ im Gültig-
keitsbereich bezieht. Besser: ‚Class-ID‘ für
alle derartigen Konstrukte (.ullline, -h1line)
vergeben und einmal im css festlegen.

So etwa …

.h1line, .ulline { margin:0; padding:0; float:left; }
.ulline { margin-left:2em; }

Meine schoene
Ueberschrift:

  • Listenelement 1

  • Listenelement 2

  • Listenelement 3

(Obiges auch als interessante Variation
gedacht :wink:

Grüße

CM?