Liste mit Jahreszahlen – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Liste mit Jahreszahlen Sun, 05 Jul 09 22:29:47 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377459#m1377459 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377459#m1377459 <p>Hallo,</p> <p>ich würde gerne die im Bild ersichtliche Liste umsetzen.<br> Das Listen div kennt nur diverse vorgegebene Aufzählungspunkte wie römische Zahlen oä. Wie erreiche ich, dass vorneweg die Jahreszahl kommt, dann ein beliebig einstellbarer Abstand (vergleichbar mit einem Tabulator in Textprogrammen) und die umbrechenden Zeilen auf gleichem einstellbaren Abstand beginnen?</p> <p>Vielen Dank!</p> <p><img src="http://www.sigridfleckseder.com/selfhtml/ListeJahreszahl.jpg" alt="" loading="lazy"></p> Liste mit Jahreszahlen Sun, 05 Jul 09 22:32:28 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377496#m1377496 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377496#m1377496 <p>Moin.</p> <blockquote> <p>Wie erreiche ich, dass vorneweg die Jahreszahl kommt, dann ein beliebig einstellbarer Abstand (vergleichbar mit einem Tabulator in Textprogrammen) und die umbrechenden Zeilen auf gleichem einstellbaren Abstand beginnen?</p> </blockquote> <p>Wie wär's mit einer Tabelle?</p> <p>Christoph</p> Liste mit Jahreszahlen Sun, 05 Jul 09 22:34:54 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377493#m1377493 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377493#m1377493 <p>Hallo,</p> <p>also ich hab da 3 Ideen:</p> <p>1. Als jpeg einsetzen<br> 2. Ein Div um alles machen. Die zahlen einzeln als div definieren und den text dahinter als fixed div machen.<br> 3. Eine Tabelle nutzen</p> <p>mfg Steffen</p> Liste mit Jahreszahlen Sun, 05 Jul 09 22:41:24 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377461#m1377461 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377461#m1377461 <p>Hallo Wienerin,</p> <p>IMHO ist das eine Frage der Semantik. Nutze doch einfach eine <http://de.selfhtml.org/html/text/listen.htm#definition@title=andere Liste>:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>2000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>Text 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>Text 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token comment"><!-- etc. --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> </code></pre> <p>Gruß aus Berlin!<br> eddi</p> <div class="signature">-- <br> ...obschon mit dem Zusatze, sich immer und ewig zu irren...<br> ^^ </div> Liste mit Jahreszahlen Mon, 06 Jul 09 08:22:07 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377460#m1377460 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377460#m1377460 <p>Ungeachtet des bereits vorhandenen Vorschlag hätte ich noch einen:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>chronik<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>2001<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Text 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>text 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <p>Die li-Elemente erhalten einen entsprechenden Aussenabstand auf der linken Seite (oder das ul-Element einen Innenabstand).</p> <p>Das h2-Element wird rauspositioniert.</p> <p>Alternativ kann das h2-Element gegen eine andere Überschriftenebene ersetzt werden.</p> <p>Vorteil dieser Lösung: imho einfacher per CSS gestaltbar als eine pure Defintionsliste (siehe auch <a href="https://forum.selfhtml.org/?t=188527&m=1255057" rel="noopener noreferrer">Malcolms Einwand</a>) und produziert auch weniger Markup.</p> <p>Haken: wenn der Abschnitt eines Jahres mehrere Absätze hat, versagt die Lösung - dann ist wieder eine Liste als Kind von Vorteil.</p> <p>Rein Semantisch gesehen ist eine<a href="https://forum.selfhtml.org/?t=188527&m=1255049" rel="noopener noreferrer"> pure Definitionsliste wie sie Gunnar vorschlägt</a> aber die bessere Wahl - und schwierig zu formatieren ist sie (mit gezieltem Einsatz von <code class="language-css"><span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span></code> und <code class="language-css"><span class="token property">float</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span></code>) eigentlich auch nicht.</p> Liste mit Jahreszahlen Mon, 06 Jul 09 06:16:22 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377484#m1377484 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377484#m1377484 <p>Hallo Eddi,<br> vielen Dank, das klappt ganz gut.<br> <img src="http://www.sigridfleckseder.com/selfhtml/ListeJahreszahl2.jpg" alt="" loading="lazy"></p> <p>Das einzige was mich nun noch stört ist dass dt und dd, also Jahreszahl und die Beschreibung, nicht auf einer Zeile sind. Gibt es da per CSS eine Möglichkeit das nicht in die nächste Zeile wandern zu lassen?</p> <p>Ich bin begeistert, wie schnell ich hier Antwort bekomme.<br> WOW! und danke! Sigrid</p> <p>(Vielen Dank auch an die anderen – eine Tabelle möchte ich als Notfalllösung verwenden, da für meinen Kunden nur kompliziert mit meinem CMS zu befüllen)</p> Liste mit Jahreszahlen Mon, 06 Jul 09 07:02:06 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377462#m1377462 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377462#m1377462 <p>@@Edgar Ehritt:</p> <p>nuqneH</p> <blockquote> <p>Hallo Wienerin,</p> <p>IMHO ist das eine Frage der Semantik. Nutze doch einfach eine <http://de.selfhtml.org/html/text/listen.htm#definition@title=andere Liste>:</p> </blockquote> <p>Ja. Aber warum schlägst du dann zwei verschachtelte Listen vor? Eine genügt doch:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>2000<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Text 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Text 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>2001<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Text 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token comment"><!-- etc. --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> </code></pre> <p>Qapla'</p> <div class="signature">-- <br> Bildung lässt sich nicht downloaden. (Günther Jauch) </div> Liste mit Jahreszahlen Mon, 06 Jul 09 07:49:17 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377474#m1377474 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377474#m1377474 <p>hi,</p> <blockquote> <p>Ja. Aber warum schlägst du dann zwei verschachtelte Listen vor? Eine genügt doch:</p> <pre><code class="block language-html"></code></pre> </blockquote> <p><dl></p> <blockquote> <p><dt>2000</dt><br>   <dd>Text 1</dd><br>   <dd>Text 2</dd><br>   <dt>2001</dt><br>   <dd>Text 3</dd><br>   <!-- etc. --><br> </dl></p> </blockquote> <pre><code class="block"> Mit der Aussicht darauf, dass ganze mit CSS ansehnlich und annähernd Browserübergreifend zu gestalten, würde ich mir deine Variante nicht antun. mfg -- マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ </code></pre> Liste mit Jahreszahlen Mon, 06 Jul 09 09:08:16 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377463#m1377463 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377463#m1377463 <p>Hallo Gunnar,</p> <blockquote> <p>Aber warum schlägst du dann zwei verschachtelte Listen vor?</p> </blockquote> <blockquote> <blockquote> <p>IMHO ist das eine Frage der Semantik.</p> </blockquote> </blockquote> <p>Gruß aus Berlin!<br> eddi</p> Liste mit Jahreszahlen Mon, 06 Jul 09 14:18:13 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377464#m1377464 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377464#m1377464 <p>@@Edgar Ehritt:</p> <p>nuqneH</p> <blockquote> <blockquote> <p>Aber warum schlägst du dann zwei verschachtelte Listen vor?</p> <blockquote> <p>IMHO ist das eine Frage der Semantik.</p> </blockquote> </blockquote> </blockquote> <p>Hm, HTML 4 [<a href="http://www.edition-w3.de/TR/1999/REC-html401-19991224/struct/lists.html#h-10.3" rel="nofollow noopener noreferrer">HTML401 §10.3</a>] sagt nichts über multiple 'dd'-Elemente nach einem 'dt'-Element.</p> <p>HTML 5 [<a href="http://dev.w3.org/html5/spec/Overview.html#the-dl-element" rel="nofollow noopener noreferrer">HTML5 §4.5.10</a>] sagt: “Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). […] The values within a group are alternatives; multiple paragraphs forming part of the same value must all be given within the same dd element.”</p> <p>Da die verschiedenen Ereignisse eines Jahres keine Alternativen sind, sondern Teile desselben Wertes (aller Ereignisse eines Jahres), dürften sie also nicht in verschiedenen 'dd'-Elementen stehen?</p> <p>Allerdings gibt dieselbe Spec etwas weiter unten [<a href="http://dev.w3.org/html5/spec/Overview.html#the-dd-element" rel="nofollow noopener noreferrer">HTML5 §4.5.12</a>] ein widersprüchliches Beispiel mit mehreren 'dd'-Elementen, die auch keine Alternativen darstellen.</p> <p>Mit sehr heißer Nadel gestrickt, dieses HTML 5.</p> <p>Qapla'</p> <div class="signature">-- <br> Bildung lässt sich nicht downloaden. (Günther Jauch) </div> Liste mit Jahreszahlen Mon, 06 Jul 09 14:56:26 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377472#m1377472 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377472#m1377472 <blockquote> <p>Mit sehr heißer Nadel gestrickt, dieses HTML 5.</p> </blockquote> <p>Nein, durch Browserhersteller mit wenig Hirn und Verstand gestrickt.</p> <p>Youtube gehört Google<br> Google finanziert die Firefox-Entwicklung<br> Firefox wird von der Mozilla-Foundation entwickelt<br> Die Mozialla-Foundation hat einen Löwenanteil zu HTML 5 geleistet<br> Die HTML-5-Version von Youtube funktionert mit Firefox 3.5 nicht</p> <p>Diese Kette lässt sich wohl in die Kategorie <a href="http://www.wiki.xkcd.com/irc/Fail" rel="nofollow noopener noreferrer">EPIC FAIL</a> einsortieren.</p> Strukturfehler und Semantik Mon, 06 Jul 09 18:03:57 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377465#m1377465 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377465#m1377465 <p>Re:</p> <p>Zunächst finde ich es schön, dass Du nunmehr Argumente nachhältst und wir uns nicht mehr kniehoch anpinkeln müssen. Ich finde es wichtig, sich auch um solche scheinbaren Banalitäten mal gemeinsam Gedanken zu machen, anstoß zu nehmen und Meinungen auszuprägen.</p> <p>Grundsätzlich halte ich die Umsetzung der Strukturierung von Dokumenten durch HTML in einigen Teilen für schlichtweg verpfuscht. Diese Ansicht ergibt sich aus dem Umgang mit Objekten/Instanzen/Funktionen als Programmierer. So hat HTML nach meinem Geschmack eigenwillig lineare (Un-)Möglichkeiten der Strukturierung:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Titel<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>hr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Titel<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token comment"><!-- etc. --></span> </code></pre> <p>Hierbei ergibt sich der Zusammenhang (im Sinne einer Zugehörigkeit) von <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span></code> zu den folgenden Paragraphen <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span></code> nur dadurch, dass diese nachstehen. Selbes lässt sich ja ebenso für das fragliche Beispiel feststellen:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Titel<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Titel<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token comment"><!-- etc. --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> </code></pre> <blockquote> <p>Hm, HTML 4 [<a href="http://www.edition-w3.de/TR/1999/REC-html401-19991224/struct/lists.html#h-10.3" rel="nofollow noopener noreferrer">HTML401 §10.3</a>] sagt nichts über multiple 'dd'-Elemente nach einem 'dt'-Element.</p> <p>HTML 5 [<a href="http://dev.w3.org/html5/spec/Overview.html#the-dl-element" rel="nofollow noopener noreferrer">HTML5 §4.5.10</a>] sagt: “Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). […] The values within a group are alternatives; multiple paragraphs forming part of the same value must all be given within the same dd element.”</p> </blockquote> <p>Als Programmierer habe ich es mit _einer_ Definition, sagen wir eine Funktion, bestehend aus _einer_ "Einleitung" und _einem_ "Funktionsrumpf" zutun:</p> <pre><code class="block language-javascript"><span class="token keyword">function</span> <span class="token function">titel</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">"Text"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">"Text"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Diese eindeutige Struktur der Zugehörigkeit ist in HTML eben nicht (immer) gegeben. Jedoch ist diese Struktur sehr nützlich. Dabei denke ich an DOM:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Titel<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> <p>Einfach und performant kann ich durch <code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">'div'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>childNodes</code> auf alle zugehörigen - ja zusammenhängenden - Elemente zugreifen. In einer linearen Struktur fehlen mir diese Möglichkeiten, Bereiche, die eben für Performanz eine gewichtige Rolle spielen können, vorzudefinieren. Ich war angetan vom Konzept XHTML 2.0 mit seinem Element <a href="http://www.w3.org/TR/xhtml2/mod-structural.html#sec_8.8." rel="nofollow noopener noreferrer"><section></a> hinsichtlich der div-ites. Jedoch krankte eben die Auszeichnung von Unterteilungen mittels <a href="http://www.w3.org/TR/xhtml2/mod-structural.html#edef_structural_h" rel="nofollow noopener noreferrer"><h></a> an den oben stehenden Problemen im DOM.</p> <p>Aus Blickwinkel eines Programmierers also bin ich der Auffassung, dass sich aus der Bedeutung "definition list" -> "definition term" -> "difinition discription" ergeben sollte, dass zu _einem_ Ausdruck _eine_ Beschreibung gehört. Unterteilt sie sich listenartig, bediene ich mich einer (weiteren) Liste, um aus dem vorgegebenen Gewurstel etwas zu machen. (Dir als Berliner sollte es vielleicht etwas sagen, wie ich es tatsächlich meine, wenn ich Dir schreibe: Wir werden das Kind schon schaukeln, auch wenn ihm schon tot ist.)</p> <p>Ich halte die Auszeichnung mittels <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span></code> und <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span></code> für eine sehr klare und gelungene Strukturierung. Bitte; es geht also auch in HTML. Dagegen ist für mich u. a. die Definitionsliste ein heilloses Durcheinander, was im DOM erst mühselig aufgeschlüsselt werden muss. Mir fehlt hier ein übergeordnetes Element, was die Zusammenhänge klar (okay ^,- klarer) herausstellt:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dr</span><span class="token punctuation">></span></span><span class="token comment"><!-- definition range --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dr</span><span class="token punctuation">></span></span> <span class="token comment"><!-- etc. --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> </code></pre> <p>Gruß aus Berlin!<br> eddi</p> Strukturfehler und Semantik Mon, 06 Jul 09 21:12:09 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377468#m1377468 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377468#m1377468 <p>hi,</p> <blockquote> <pre><code class="block language-html"></code></pre> </blockquote> <p><dl></p> <blockquote> <p><dr><!-- definition range --><br>   <dt/><br>   <dd/><br>   <dd/><br> </dr><br> <dr><br>   <!-- etc. --><br> </dr><br> </dl></p> </blockquote> <pre><code class="block"> <http://forum.de.selfhtml.org/archiv/2009/5/t186757/#m1240594> Zitat: "Aber nicht ganz das, was du suchst" Leider. mfg -- マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ </code></pre> Strukturfehler und Semantik Tue, 07 Jul 09 09:59:58 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377466#m1377466 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377466#m1377466 <p>@@Edgar Ehritt:</p> <p>nuqneH</p> <blockquote> <p>Jedoch krankte eben die Auszeichnung von Unterteilungen mittels <a href="http://www.w3.org/TR/xhtml2/mod-structural.html#edef_structural_h" rel="nofollow noopener noreferrer"><h></a> an den oben stehenden Problemen im DOM.</p> </blockquote> <p>Wenn man so auszeichnet, dass die Überschrift außerhalb des zugehörigen 'section'-Elements steht:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h</span><span class="token punctuation">></span></span>1 Lorem ipsum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Lorem ipsum dolor sit amet<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Consectetuer adipiscing elit.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h</span><span class="token punctuation">></span></span>2 Sed diam nonummy<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span> </code></pre> <p>Besser wäre wohl die Auszeichnug, dass die Überschrift innerhalb des 'section'-Elements steht:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h</span><span class="token punctuation">></span></span>1 Lorem ipsum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Lorem ipsum dolor sit amet<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Consectetuer adipiscing elit.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>section</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h</span><span class="token punctuation">></span></span>2 Sed diam nonummy<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span> </code></pre> <p>Mir scheint, die Spec [<a href="http://www.w3.org/TR/xhtml2/mod-structural.html#sec_8.8." rel="nofollow noopener noreferrer">XHTML2 §8.8</a>] ließe beides zu.</p> <blockquote> <p>Dagegen ist für mich u. a. die Definitionsliste ein heilloses Durcheinander, was im DOM erst mühselig aufgeschlüsselt werden muss. Mir fehlt hier ein übergeordnetes Element, was die Zusammenhänge klar (okay ^,- klarer) herausstellt:</p> </blockquote> <p>Full ACK. (Das Archiv ist voll davon.)</p> <blockquote> <p><dr><!-- definition range --></p> </blockquote> <p>Das Ding heißt in XHTML 2 'di' (definition list item). [<a href="http://www.w3.org/TR/xhtml2/mod-list.html#sec_11.1." rel="nofollow noopener noreferrer">XHTML2 §11.1</a>] Hätte geheißen.</p> <p>In einer früheren Version von HTML 5 war 'di' auch mal enthalten. Wurde wieder rausgenommen: “HTML5 should group <dt>s and <dd>s together in <di>s!<br> This is a styling problem and should be fixed in CSS. There's no reason to add a grouping element to HTML, as the semantics are already unambiguous.” [<a href="http://wiki.whatwg.org/wiki/FAQ#HTML5_should_group_.3Cdt.3Es_and_.3Cdd.3Es_together_in_.3Cdi.3Es.21" rel="nofollow noopener noreferrer">HTML5-FAQ</a>]</p> <p>Riesendummheit, IMHO.</p> <p>Qapla'</p> <div class="signature">-- <br> Bildung lässt sich nicht downloaden. (Günther Jauch) </div> Strukturfehler und Semantik Tue, 07 Jul 09 16:09:24 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377467#m1377467 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377467#m1377467 <p>Re:</p> <blockquote> <p>[<a href="http://wiki.whatwg.org/wiki/FAQ#HTML5_should_group_.3Cdt.3Es_and_.3Cdd.3Es_together_in_.3Cdi.3Es.21" rel="nofollow noopener noreferrer">HTML5-FAQ</a>] Riesendummheit, IMHO.</p> </blockquote> <p>lu' teH</p> <p>veSneS je HoS<br> eddi</p> Strukturfehler und Semantik Mon, 06 Jul 09 21:20:23 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377470#m1377470 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377470#m1377470 <blockquote> <p>マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ</p> </blockquote> <p>Dazu kann ich nur sagen:</p> <p>バスガス爆発ブスバスガイド</p> <p>Mathias</p> <div class="signature">-- <br> <a href="http://molily.de/selfhtml-forum-js/" rel="nofollow noopener noreferrer">JavaScript-Erweiterung für das SELFHTML-Forum</a> </div> Strukturfehler und Semantik Mon, 06 Jul 09 21:58:33 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377469#m1377469 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377469#m1377469 <p>Hallo Malcolm Beck´s,</p> <blockquote> <blockquote> <p></dr><!-- definition range --><br> i. V. m. zu verstehendem Text</p> </blockquote> </blockquote> <blockquote> <p>Zitat: "Aber nicht ganz das, was du suchst"</p> </blockquote> <p>Wahr! ^,-</p> <p>Gruß aus Berlin!<br> eddi</p> Strukturfehler und Semantik Mon, 06 Jul 09 21:36:39 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377471#m1377471 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377471#m1377471 <p>Hello,</p> <blockquote> <blockquote> <p>マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ</p> </blockquote> <p>Dazu kann ich nur sagen:</p> <p>バスガス爆発ブスバスガイド</p> </blockquote> <p>Häh?</p> <p>私は理解バーンホフ</p> <p>美しいOberharz各位からの挨拶</p> <p>トムバーグで<br> <img src="http://selfhtml.bitworks.de/Virencheck.gif" alt="" loading="lazy"></p> <div class="signature">-- <br> Nur selber lernen macht schlau<br> <a href="http://bergpost.annerschbarrich.de" rel="nofollow noopener noreferrer">http://bergpost.annerschbarrich.de</a><br> </div> Liste mit Jahreszahlen Mon, 06 Jul 09 18:04:13 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377473#m1377473 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377473#m1377473 <p>Hallo,</p> <blockquote> <p>Youtube gehört Google<br> Google ...</p> </blockquote> <p>... ist der Arbeitgeber des alleinigen Autors der Spezifikation. ;)</p> <p>Tim</p> Liste mit Jahreszahlen Mon, 06 Jul 09 09:20:13 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377475#m1377475 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377475#m1377475 <p>Hi,</p> <blockquote> <blockquote> <p>Ja. Aber warum schlägst du dann zwei verschachtelte Listen vor? Eine genügt doch:</p> <pre><code class="block language-html"></code></pre> </blockquote> </blockquote> <p><dl></p> <blockquote> <blockquote> <p><dt>2000</dt><br>   <dd>Text 1</dd><br>   <dd>Text 2</dd><br>   <dt>2001</dt><br>   <dd>Text 3</dd><br>   <!-- etc. --><br> </dl></p> </blockquote> </blockquote> <pre><code class="block"> > > Mit der Aussicht darauf, dass ganze mit CSS ansehnlich und annähernd Browserübergreifend zu gestalten, würde ich mir deine Variante nicht antun. Welche Probleme siehst bzw. erwartest du da? Jahr nach links floaten, DD-Inhalt wird per margin-left auch über ggf. mehrere Zeilen auf Abstand gehalten. Und den "Strich" vor den einzelnen DD kann man als Hintergrundbild unterbringen. MfG ChrisB -- Light travels faster than sound - that's why most people appear bright until you hear them speak. </code></pre> Liste mit Jahreszahlen Mon, 06 Jul 09 09:35:27 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377483#m1377483 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377483#m1377483 <p>Hallo ChrisB,</p> <blockquote> <p>Und den "Strich" vor den einzelnen DD kann man als Hintergrundbild unterbringen.</p> </blockquote> <p>schöner wäre es natürlich, wenn man dass mittels <a href="http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after" rel="nofollow noopener noreferrer">CSS</a> hinbekäme. Streuben sich die verschiedenen Internet-Explorer-Versionen immer noch gegen eine Interpretation?</p> <p>Gruß aus Berlin!<br> eddi</p> Liste mit Jahreszahlen Mon, 06 Jul 09 10:18:37 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377481#m1377481 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377481#m1377481 <p>hi,</p> <blockquote> <p>Welche Probleme siehst bzw. erwartest du da?</p> </blockquote> <p>Ich hätte keine Schwierigkeiten bei der umsetzung, nur finde ich die von Edgar vorgeschlagene Variante in vielerlei Hinsicht besser, nicht nur Styletechnisch.</p> <p><a href="http://dj-tut.de/z_test/selfhtml/artikel/listen" rel="nofollow noopener noreferrer">http://dj-tut.de/z_test/selfhtml/artikel/listen</a></p> <p>Und CSS deaktivieren -- Edgars Beispiel ist auch ohne CSS klarer strukturiert.</p> <p>Suits "nur" Listenvorschlag ist mir jetzt am frühen morgen zuuu anstrengend ;)</p> <p>mfg</p> <div class="signature">-- <br> マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ </div> Liste mit Jahreszahlen Mon, 06 Jul 09 15:21:27 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377476#m1377476 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377476#m1377476 <blockquote> <p>Welche Probleme siehst bzw. erwartest du da?</p> </blockquote> <p>IE 6, IE 6 und, als wäre es noch nicht genug, zu allem Überfluss auch noch IE 6.</p> <p>Vielleicht postet mal einer eine browserübergreifende Lösung - also nicht nur ein HTML-Gerüst.</p> <p>Mathias</p> <div class="signature">-- <br> <a href="http://molily.de/selfhtml-forum-js/" rel="nofollow noopener noreferrer">JavaScript-Erweiterung für das SELFHTML-Forum</a> </div> Liste mit Jahreszahlen Mon, 06 Jul 09 17:58:45 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377478#m1377478 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377478#m1377478 <p>Hi Mathias et al,</p> <blockquote> <blockquote> <p>Welche Probleme siehst bzw. erwartest du da?</p> </blockquote> <p>IE 6, IE 6 und, als wäre es noch nicht genug, zu allem Überfluss auch noch IE 6.</p> <p>Vielleicht postet mal einer eine browserübergreifende Lösung - also nicht nur ein HTML-Gerüst.</p> </blockquote> <p>Bitte: <a href="http://chrisb.bplaced.net/jahresliste_dl.htm" rel="nofollow noopener noreferrer">http://chrisb.bplaced.net/jahresliste_dl.htm</a></p> <p>Nach meinem Test im IETester sieht das auch im IE 6 & 5.5 annehmbar aus*.</p> <p>Den 3px Text Jog, der auch hier bei den DD auftritt, die auf einer Höhe mit einer gefloateten DT liegen, habe ich mit dem üblichen Fix allerdings nicht korrigieren können.<br> Dafür habe ich den DT ein margin-right von -3px geben - damit liegt wenigstens der als Hintergrundbild eingesetzte Strich überall auf einer Linie, auch wenn der Text an den Stellen damit nach wie vor 3px Abstand hält. Das halte ich für die Darstellung im Uraltbrowser IE 6 und kleiner für vertretbar.</p> <p>* Da ich in den nicht zu viel Vertrauen setzen möchte, auch noch ein Screenshot aus einem hoffentlich nativen IE 6 unter XP per browsershots.org: <a href="http://browsershots.org/screenshots/52bb83e1642cd9e476620afefca54a02/" rel="nofollow noopener noreferrer">http://browsershots.org/screenshots/52bb83e1642cd9e476620afefca54a02/</a></p> <p>MfG ChrisB</p> <div class="signature">-- <br> Light travels faster than sound - that's why most people appear bright until you hear them speak. </div> Liste mit Jahreszahlen Tue, 07 Jul 09 10:41:10 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377477#m1377477 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377477#m1377477 <p>@@molily:</p> <p>nuqneH</p> <p>Markup:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Strict//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html; charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>TEST<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>test.css<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>Allgemeine Erklärung der Menschenrechte<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Artikel 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Alle Menschen sind frei und gleich an Würde und Rechten geboren. Sie sind mit Vernunft und Gewissen begabt und sollen einander im Geist der Brüderlichkeit begegnen.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Artikel 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Jeder hat Anspruch auf die in dieser Erklärung verkündeten Rechte und Freiheiten ohne irgendeinen Unterschied, etwa nach Rasse, Hautfarbe, Geschlecht, Sprache, Religion, politischer oder sonstiger Überzeugung, nationaler oder sozialer Herkunft, Vermögen, Geburt oder sonstigem Stand.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Des weiteren darf kein Unterschied gemacht werden auf Grund der politischen, rechtlichen oder internationalen Stellung des Landes oder Gebiets, dem eine Person angehört, gleichgültig ob dieses unabhängig ist, unter Treuhandschaft steht, keine Selbstregierung besitzt oder sonst in seiner Souveränität eingeschränkt ist.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Artikel 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Jeder hat das Recht auf Leben, Freiheit und Sicherheit der Person.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Stylesheet (die Anstriche bei den 'dd' spar ich mir jetzt mal):</p> <pre><code class="block language-css"><span class="token selector">dt</span> <span class="token punctuation">{</span> float<span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">dd</span> <span class="token punctuation">{</span> margin<span class="token punctuation">:</span> 1em 0 1em 6em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <blockquote> <blockquote> <p>Welche Probleme siehst bzw. erwartest du da?</p> </blockquote> <p>IE 6, IE 6 und, als wäre es noch nicht genug, zu allem Überfluss auch noch IE 6.</p> </blockquote> <p>*g*</p> <p>In der Tat, IE 6 rückt die erste Zeile des Texts im ersten 'dd' nach einem 'dt' etwas ein.</p> <p>Abhilfe: keine Floats, sondern 'dt' per absoluter Positionierung aus dem Fluss nehmen:</p> <pre><code class="block language-css"><span class="token selector">dt</span> <span class="token punctuation">{</span> position<span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> left<span class="token punctuation">:</span> 10px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">dd</span> <span class="token punctuation">{</span> margin<span class="token punctuation">:</span> 1em 0 1em 6em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Problem: Opera stellt die 'dt' ab dem zweiten zu hoch dar. Anstatt das für Opera hinzufrickeln, belassen wir’s bei den Floats und nehmen die Lösung mit absoluter Positionierung nur für IE < 7:</p> <pre><code class="block language-css"><span class="token selector">dt</span> <span class="token punctuation">{</span> float<span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">* html dt</span> <span class="token punctuation">{</span> position<span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> left<span class="token punctuation">:</span> 10px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">dd</span> <span class="token punctuation">{</span> margin<span class="token punctuation">:</span> 1em 0 1em 6em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <blockquote> <p>Vielleicht postet mal einer eine browserübergreifende Lösung - also nicht nur ein HTML-Gerüst.</p> </blockquote> <p>Naja, eher eine Doppellösung als EINE browserübergreifende – aber es funzt[tm].</p> <p>Qapla'</p> <div class="signature">-- <br> Bildung lässt sich nicht downloaden. (Günther Jauch) </div> Liste mit Jahreszahlen Mon, 06 Jul 09 18:17:44 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377480#m1377480 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377480#m1377480 <p>Hello,</p> <blockquote> <p>Bitte: <a href="http://chrisb.bplaced.net/jahresliste_dl.htm" rel="nofollow noopener noreferrer">http://chrisb.bplaced.net/jahresliste_dl.htm</a></p> </blockquote> <p>sieht auch im IE 6.0 und FF 3.0.10 vernünftig aus.<br> Ich hab's mir gelich gebunktert ;-)</p> <p>Liebe Grüße aus dem schönen Oberharz</p> <p>Tom vom Berg<br> <img src="http://selfhtml.bitworks.de/Virencheck.gif" alt="" loading="lazy"></p> <div class="signature">-- <br> Nur selber lernen macht schlau<br> <a href="http://bergpost.annerschbarrich.de" rel="nofollow noopener noreferrer">http://bergpost.annerschbarrich.de</a><br> </div> Liste mit Jahreszahlen Mon, 06 Jul 09 19:42:22 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377479#m1377479 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377479#m1377479 <blockquote> <p>Bitte: <a href="http://chrisb.bplaced.net/jahresliste_dl.htm" rel="nofollow noopener noreferrer">http://chrisb.bplaced.net/jahresliste_dl.htm</a></p> </blockquote> <p>Danke sehr, das sieht gut aus.</p> <p>Ich habe sehr schlechte Erfahrung mit float und clear beim selben Element im IE 6 gemacht, sodass ich clear einem weiteren Container-Element pro Zeile geben musste - was die Verwendung von dl unmöglich machte. (Ich glaube, da musste aus irgendwelchen Gründen auch der Container rechts floaten. Habe aber auf die Schnelle keinen Testcase zur Hand.)<br> Wenn es für diesen Anwendungsfall klappt: Wunderbar.</p> <p>Mathias</p> <div class="signature">-- <br> <a href="http://molily.de/selfhtml-forum-js/" rel="nofollow noopener noreferrer">JavaScript-Erweiterung für das SELFHTML-Forum</a> </div> Liste mit Jahreszahlen Mon, 06 Jul 09 10:28:26 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377482#m1377482 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377482#m1377482 <p>hi,</p> <blockquote> <p><a href="http://dj-tut.de/z_test/selfhtml/artikel/listen" rel="nofollow noopener noreferrer">http://dj-tut.de/z_test/selfhtml/artikel/listen</a></p> </blockquote> <p>Im IE < 7 sieht das ganze übrigens sehr interessant aus ;)</p> <p>I love this damn piece of shit!</p> <p>mfg</p> <div class="signature">-- <br> マルコム ベック`秒 エイリアス エJ Ñ - ĜわたしÑ </div> Liste mit Jahreszahlen Mon, 06 Jul 09 06:19:32 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377492#m1377492 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377492#m1377492 <p>Liebe Wienerin,</p> <blockquote> <p><img src="http://www.sigridfleckseder.com/selfhtml/ListeJahreszahl2.jpg" alt="" loading="lazy"></p> <p>Das einzige was mich nun noch stört ist dass dt und dd, also Jahreszahl und die Beschreibung, nicht auf einer Zeile sind. Gibt es da per CSS eine Möglichkeit das nicht in die nächste Zeile wandern zu lassen?</p> </blockquote> <p><a href="http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float" rel="nofollow noopener noreferrer">http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float</a>?</p> <p><code class="language-css"><span class="token selector">dt</span> <span class="token punctuation">{</span> <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token punctuation">}</span></code></p> <p>Eventuell musst Du noch andere Parameter anpassen, wie z.B. margin und padding...</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> <div class="signature">-- <br> ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:) </div> Liste mit Jahreszahlen Mon, 06 Jul 09 08:11:41 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377485#m1377485 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377485#m1377485 <blockquote> <p>(Vielen Dank auch an die anderen – eine Tabelle möchte ich als Notfalllösung verwenden, da für meinen Kunden nur kompliziert mit meinem CMS zu befüllen)</p> </blockquote> <p>Darf ich mir die Frage erlauben, in welchem CMS (bzw. mit welchem Editor) eine verschachtelte Defintionsliste einfacher für einen "normalen Menschen" zu warten ist, als eine Tabelle?</p> Liste mit Jahreszahlen Mon, 06 Jul 09 09:20:19 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377486#m1377486 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377486#m1377486 <p>Hi!</p> <blockquote> <p>Darf ich mir die Frage erlauben, in welchem CMS (bzw. mit welchem Editor) eine verschachtelte Defintionsliste einfacher für einen "normalen Menschen" zu warten ist, als eine Tabelle?</p> </blockquote> <p>Notepad</p> <div class="signature">-- <br> "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."<br>       - T. Pratchett </div> Liste mit Jahreszahlen Mon, 06 Jul 09 10:51:28 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377487#m1377487 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377487#m1377487 <blockquote> <p>Notepad</p> </blockquote> <p>"normale Menschen" bearbeiten idR. keinen HTML-Quelltext</p> Liste mit Jahreszahlen Mon, 06 Jul 09 13:33:37 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377488#m1377488 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377488#m1377488 <blockquote> <blockquote> <p>Notepad</p> </blockquote> <p>"normale Menschen" bearbeiten idR. keinen HTML-Quelltext</p> </blockquote> <p>Ist "normal sein" jetzt gut oder schlecht? Ich schwanke da noch bei der Entscheidung. Soll lich jetzt in Traenen ausbrechen, weil Du implizit behauptest, ich sei nciht normal? Soll ich mich freuen? Ach verschieben wir das und geben ein Statemant ab:</p> <p>"normale" Menschen koennen nichtmal ne Tabelle richtig ausfuellen. Dafuer kann man ein nettes kleines Tool in ein CMS implementieren, in das man Jahre und Unterpunkte eingibt.</p> <div class="signature">-- <br> "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."<br>       - T. Pratchett </div> Liste mit Jahreszahlen Mon, 06 Jul 09 14:51:47 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377489#m1377489 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377489#m1377489 <blockquote> <p>Ist "normal sein" jetzt gut oder schlecht?</p> </blockquote> <p>Weder noch - wenn man in einem bestimmten Bereich normal ist, entspricht man einer Norm (siehe auch Normalverteilung). Der größte</p> <blockquote> <p>Ich schwanke da noch bei der Entscheidung. Soll lich jetzt in Traenen ausbrechen, weil Du implizit behauptest, ich sei nciht normal? Soll ich mich freuen?</p> </blockquote> <p>Mit anderen Worten: der Großteil der Bevölkerung liegt in der Mitte der Normalverteilungskurve wenns um HTML-Authoring geht - hier sind die mit "keine Ahnung was HTML überhaupt ist" angesiedelt. Du liegst vermutlich im Bereich "Ahnung was HTML ist und wie es benutzt wird" - ein andere Teil wäre vermutlich "Ahnung was HTML ist, aber keine Ahnung wie man es nutzt" :)</p> <blockquote> <p>"normale" Menschen koennen nichtmal ne Tabelle richtig ausfuellen.</p> </blockquote> <p>Das ist richtig - aber sie können zumindest eine Tabelle zum Formatieren missbrauchen :)</p> Liste mit Jahreszahlen Tue, 07 Jul 09 00:29:39 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377490#m1377490 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377490#m1377490 <p>Hola!</p> <blockquote> <blockquote> <p>"normale" Menschen koennen nichtmal ne Tabelle richtig ausfuellen.</p> </blockquote> <p>Das ist richtig - aber sie können zumindest eine Tabelle zum Formatieren missbrauchen :)</p> </blockquote> <p>Ja. Sie fügen eine neue 'Zeile' z.B. mit nem Enter ein... Und weil das in nem ordentlichem CMS oft einen Absatz erstellt haben sie ein Problem  und nölen rum weil da ja plötzlich ne Leerzeile ist. Son Scheißprogramm, aber es gibt dann ja meist noch SHIFT+ENTER und so...</p> <p>Und wenn sie mal ne neue Zelle benötigen, wird halt schnell ne neue Tabelle in die vorhandene Zelle eingefügt.</p> <p>Aber: Tabellen machen ja nciht diese schönen kleinen Punkte und so vor jede Zeile. Die werden dann also improvisiert. Minuszeichen eignen sich hervorragend... Es gibt da ja noch sowas komisches wie ne Liste, aber das benimmt sich merkwürdig. Das benutzt man nicht.</p> <p>Erwähnte ich bereits, daß sie zertifizierte Benutzer dieses CMS sind?</p> <p>Die Tage an denen ich wirklich aufstehen möchte werden immer seltener...</p> <div class="signature">-- <br> "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."<br>       - T. Pratchett </div> Liste mit Jahreszahlen Tue, 07 Jul 09 08:38:02 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377491#m1377491 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377491#m1377491 <blockquote> <p>Ja. Sie fügen eine neue 'Zeile' z.B. mit nem Enter ein... Und weil das in nem ordentlichem CMS oft einen Absatz erstellt haben sie ein Problem  und nölen rum weil da ja plötzlich ne Leerzeile ist. Son Scheißprogramm, aber es gibt dann ja meist noch SHIFT+ENTER und so...</p> </blockquote> <p>Das sollten viele, die keine Ahnung von HTML haben, aber dennoch wissen - zumindest gehört das zur Schulbildung in einer mittleren und höheren kaufmännischen Schule (zumindest in Österreich).</p> <p>Ich bezweifle zwar, dass das den Weg in die Köpfe der Leute findet, aber theoretisch sollte das Wissen vorhanden sein.</p> <p>Meinen Kunden kann ich das aber Problemlos erklären - TinyMCE oder htmlArea können das - und bis jetzt hats noch jeder begriffen.</p> <blockquote> <p>Und wenn sie mal ne neue Zelle benötigen, wird halt schnell ne neue Tabelle in die vorhandene Zelle eingefügt.</p> </blockquote> <p>Ja, auch das soll's geben.</p> <blockquote> <p>Aber: Tabellen machen ja nciht diese schönen kleinen Punkte und so vor jede Zeile. Die werden dann also improvisiert. Minuszeichen eignen sich hervorragend... Es gibt da ja noch sowas komisches wie ne Liste, aber das benimmt sich merkwürdig. Das benutzt man nicht.</p> </blockquote> <p>Ja, kenne ich auch - ist alles eine Sache der regelmäßigen Einschulung - so durschnittliche 1x im Monat sollte diese erfolgen :)</p> <blockquote> <p>Erwähnte ich bereits, daß sie zertifizierte Benutzer dieses CMS sind?</p> </blockquote> <p>Nein, das ist hart - solche Erfahrungen hab ich bisher nur mit "Laien" gemacht.</p> <blockquote> <p>Die Tage an denen ich wirklich aufstehen möchte werden immer seltener...</p> </blockquote> <p>:)</p> Qualität von Ratschlägen Mon, 06 Jul 09 08:10:05 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377494#m1377494 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377494#m1377494 <blockquote> <ol> <li>Als jpeg einsetzen</li> </ol> </blockquote> <p>wuuuuuuuuuuuuuuuah![1]</p> <blockquote> <ol start="2"> <li>Ein Div um alles machen. Die zahlen einzeln als div definieren und den text dahinter als fixed div machen.</li> </ol> </blockquote> <p>wuuuuah![1]</p> <blockquote> <ol start="3"> <li>Eine Tabelle nutzen</li> </ol> </blockquote> <p>wuah![1]</p> <p>Bei allem Resepekt, aber die drei genannten Lösungen sind etwas bescheiden - die Tabelle ist noch vertretbar, aber die anderen beiden würde ich schon fast als gemeingefährlich bezeichnen.</p> <p>Wenn du[2] Vorschläge machst, kläre die Fragestellenden bitte über die Vor- und Nachteile deiner Vorschläge auf - es gibt immer wieder leute, die unreflektiert den ersten Vorschlag übernehmen, ihn als "gut" befinden und das Forum dann nicht mehr besuchen[3] um ggf. <a href="https://forum.selfhtml.org/?t=188527&m=1255036" rel="noopener noreferrer">folgende bessere Vorschläge</a> zu lesen.</p> <p>[1] die Anzahl des Buchstaben U drückt das Ausmaß des Erschauderns aus<br> [2] dich hat's jetzt leider erwischt, das fällt mir in diesem Forum aber oft auf und ich wollts einfach mal loswerden - nimms nicht persönlich :)<br> [3] hier nicht zutreffend</p> Qualität von Ratschlägen Mon, 06 Jul 09 08:18:20 Z https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377495#m1377495 https://forum.selfhtml.org/self/2009/jul/6/liste-mit-jahreszahlen/1377495#m1377495 <p>@@suit:</p> <p>nuqneH</p> <blockquote> <blockquote> <ol start="3"> <li>Eine Tabelle nutzen<br> wuah![1]<br> […] die Tabelle ist noch vertretbar</li> </ol> </blockquote> </blockquote> <p>Durchaus (mit den (nicht angezeigten) Spaltenüberschriften „Jahr“ und „Ereignis“).</p> <p>Ein „wah!“ wäre hier angebracht gewesen. ;-)</p> <p>Qapla'</p> <div class="signature">-- <br> Bildung lässt sich nicht downloaden. (Günther Jauch) </div>