nicht angemeldet
inline-block: Aussen Inline-Box, innen Block-Box" im selfhtml-wiki...woher die id="inline" kommt.
#inline könnte auch #holla-waldfee heißen. Das Beispiel ist auch ohne diese ID funktionsfähig. Das span-Element im ersten Beispiel ist immer ein inline-Element.
#inline-block könnte auch #guglhupf heißen, die ID wird nur dazu verwendet, dem darinliegenden span-Element die Eigenschaft display: inline-block; zuzuweisen.
Wie sich inline- und inline-block-Elemente voneinander Unterscheiden siehst du dann im Live-Beispiel.
das habe ich eben gelesen, beim ersten wird beim Zeilenumbruch (durch Rand eines Elements z.b.) der Text einfach auf die nächste Zeile geschrieben währenddem beim inline-block der Umbruch zwar auch stattfindet, aber der Text in einer eigenen Box erhalten bleibt.
Ist jedes Element automatisch ein inline-Element?
Jain. display: inline; ist die Standardeinstellung, d.h. alle Elemente, für die nichts abweichendes festgelegt wurde, sind inline-Elemente (das umfasst z.B. unbekannt Elemente aber nicht Elemente wie p oder h1, für die im Browser display: block; hinterlegt ist).
Eine Frage mit ähnlichem Hintergrung zum Element <code> des ersten Beispiels desselben obig genannten Abschnitts: ist das Element code nur dazu gebraucht, um dem darauffolgenden Text eine vordefinierte Formatierung zu geben, nämlich so wie im html-code? Könnte man anstatt code auch ein anderes Element der Textauszeichnung wählen?
Nein, das code-Element sagt dem Browser, dass der Text darin Code (also Anweisungen einer formalen Sprache sind). Ein Browser der das stärker berücksichtigt als handesübliche Browser kann anhand dessen z.B. versuchen Syntaxhighlighting durchzuführen.
d.h. die farblichen Unterscheidungen im Quelltext ? (gibt es Composer, die schon beim Schreiben eines html-dokuments farbliche Unterschiede anzeigen?)
Dass die Darstellung in einer nicht-proportionalen Schrift erfolgt ist sinnvoll, hat aber grundsätzlich nichts mit dem code-Element zu tun. Andere Elemente eigenen sich hier nicht.
Und woher weiss man, dass dort etwas display: inline; ist, wie im Titel geschrieben steht, da im style-Bereich diese Formatierung nicht auftaucht.
Was genau meinst du?
Das span-Element ist in HTML als Inline-Element definiert, daher wird es in CSS-fähigen Browsern mit Hilfe von display: inline; dargestellt.
da ich nicht wusste (aber langsam ahnte), dass display: inline; standard, aber trotzdem wie eine css-formatierung in geschwungenen Klammern geschrieben ist, suchte ich die bestimmte Formatierung dafür.
Könnte man analog sagen, dass im Prinzip jeder normal geschriebener Text im Viewport (als Box betrachtet) inline ist, der an den Rändern auf die nächste Zeile gebrochen wird?
In CSS hat display den Standardwert inline, d.h. wie schon gesagt, das alle Elemente, für die kein anderer display-Wert festgelegt wurde, automatisch display: inline;-Elemente sind.
Ist die Sache jetzt etwas klarer?
ja, das hilft mir sehr viel zum Verständnis der Elemente und ihrer Funktionen. Da es bei mir in diesem Zus.-hang um die horizontale Darstellung von zwei Tabellen geht, ist auch dieser Hinweis zu Gunnar's float-Erläuterungen hilfreich https://forum.selfhtml.org/?t=210841&m=1438205, obwohl ich das wohl z.Z. nicht brauche.
Vielen Dank,
bari.