tag:forum.selfhtml.org,2005:/self
Advenskalender – SELFHTML-Forum
2016-12-02T17:37:58Z
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681457#m1681457
Fritz
2016-11-30T18:51:43Z
2016-11-30T19:06:46Z
Advenskalender
<p>Hallo,</p>
<p>ich weiß, ich bin ein wenig spät dran für einen Adventskalender aber vielleicht bekomme ich es heute Abend noch hin.</p>
<p>Meine Idee war folgende</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 attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>weihnachten2016<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>h2</span><span class="token punctuation">></span></span>Adventskalender<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>span</span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</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>Und die <span> 24 mal kopieren und vielleicht mit Flex-Box nebeneinander und untereinander anordnen? Immer 4 pro Zeile</p>
<p>Oder sollte ich lieber ein <div> oder gar eine <ul><li> nehmen?</p>
<p>UPDATE:
Meine Vorschlag</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 attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>weihnachten2016<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>h2</span><span class="token punctuation">></span></span>Adventskalender<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>ul</span><span class="token punctuation">></span></span>
<span class="token prolog"><?php
$i = 1;
while ($i <= 24)
{
?></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>a</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>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token prolog"><?php echo $i; ?></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</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 prolog"><?php
$i++;
}
?></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span>
</code></pre>
<pre><code class="block language-css"><span class="token selector">#weihnachten2016 ul li</span> <span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> 4em<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#weihnachten2016 ul</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">flex-wrap</span><span class="token punctuation">:</span> wrap<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681467#m1681467
pl
http://nkfd.rolfrost.de/
2016-12-01T06:28:44Z
2016-12-01T06:28:44Z
Advenskalender
<p>@@@</p>
<blockquote>
<p>Und die <span> 24 mal kopieren und vielleicht mit Flex-Box nebeneinander und untereinander anordnen? Immer 4 pro Zeile</p>
</blockquote>
<p>Ne. Wieviele * pro Zeile bestimmst nicht Du sondern die Breite des Ausgabegerätes bestimmt das. Du kannst Dich jedoch auf ein semantisch passendes Element festlegen für das, was da <a href="http://rolfrost.de/advent.html" rel="nofollow noopener noreferrer">jeden Tag</a> angeklickt werden soll.</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681486#m1681486
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-01T09:36:24Z
2016-12-01T09:36:24Z
Advenskalender
<p>@@Fritz</p>
<blockquote>
<p>Oder sollte ich lieber ein <div> oder gar eine <ul><li> nehmen?</p>
</blockquote>
<p>Eine Auf<strong>list</strong>ung von Tagen ist eine Liste, ja.</p>
<blockquote>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>section</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>weihnachten2016<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>h2</span><span class="token punctuation">></span></span>Adventskalender<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>ul</span><span class="token punctuation">></span></span>
<span class="token prolog"><?php
$i = 1;
while ($i <= 24)
{
?></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>a</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>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token prolog"><?php echo $i; ?></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</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 prolog"><?php
$i++;
}
?></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>section</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>Die Unschönheit dieses Codes hatte ich schon mal mit Dem Martin <a href="https://forum.selfhtml.org/self/2014/jan/18/code-etwas-schoener-schreiben/1599979#m1599979" rel="noopener noreferrer">diskutiert</a>.</p>
<p>Verwende die <a href="http://php.net/manual/control-structures.alternative-syntax.php" rel="noopener noreferrer">alternative Schreibweise</a>.</p>
<p>Willst du die Türchen tatsächlich von 1 bis 24 geordnet ausgeben? Oder doch <a href="http://php.net/manual/function.shuffle.php" rel="noopener noreferrer">unsortiert</a>? Dazu <a href="http://php.net/manual/function.range.php" rel="noopener noreferrer">erstellst</a> du dir einfach ein Array …</p>
<pre><code class="block language-html"><span class="token prolog"><?php
$doors = range(1, 24);
shuffle($doors);
?></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 prolog"><?php foreach ($doors as $door): ?></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>a</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>door<?php echo $door; ?><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token prolog"><?php echo $door; ?></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</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 prolog"><?php endforeach; ?></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>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681536#m1681536
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-01T17:35:23Z
2016-12-01T17:35:23Z
Advenskalender
<p>@@Fritz</p>
<blockquote>
<pre><code class="block language-php"> <span class="token variable">$i</span> <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token keyword">while</span> <span class="token punctuation">(</span><span class="token variable">$i</span> <span class="token operator"><=</span> <span class="token number">24</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token comment">// … [tu was]</span>
<span class="token variable">$i</span><span class="token operator">++</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p>Man kann jede <em lang="en">For</em>-Schleife als <em lang="en">While</em>-Schleife schreiben und jede <em lang="en">While</em>-Schleife als <em lang="en">For</em>-Schleife. Nur ist das nicht besonders sinnvoll.</p>
<p>Die verschiedenen Schleifenarten existieren für verschiedene Anwendungsfälle. Und die Auswahl der jeweils passenden Schleifenart macht den Code besser lesbar.</p>
<p>Hier ist die <em lang="en">For</em>-Schleife angebracht.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681472#m1681472
Rolf b
2016-12-01T07:41:08Z
2016-12-01T07:41:08Z
Advenskalender
<p>Äh, ich hab ja vielleicht keine Ahnung, aber das hier</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">query</span><span class="token punctuation">(</span><span class="token number">17</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></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>linksbild<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">border-style</span><span class="token punctuation">:</span>dotted</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/advent/17.gif<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Tag 17<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>p</span><span class="token punctuation">></span></span>
</code></pre>
<p>ist semantisch passend und vorbildliches HTML?!</p>
<p><em>Rolf</em></p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681508#m1681508
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-01T12:34:07Z
2016-12-01T12:34:07Z
Advenskalender
<p>@@pl</p>
<blockquote>
<p>Ne. Wieviele * pro Zeile bestimmst nicht Du sondern die Breite des Ausgabegerätes bestimmt das.</p>
</blockquote>
<p>Ja, aber. Etwas mitbestimmen sollte man da schon. 24 an der Zahl sind prädestiniert dafür, das 1, 2, 3, 4, 6 oder 8 * pro Zeile angezeigt werden; nicht aber 5 oder 7.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681473#m1681473
pl
http://nkfd.rolfrost.de/
2016-12-01T07:45:05Z
2016-12-01T07:45:05Z
Advenskalender
<blockquote>
<p>Äh, ich hab ja vielleicht keine Ahnung, aber das hier</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">query</span><span class="token punctuation">(</span><span class="token number">17</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></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>linksbild<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">border-style</span><span class="token punctuation">:</span>dotted</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/advent/17.gif<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Tag 17<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>p</span><span class="token punctuation">></span></span>
</code></pre>
<p>ist semantisch passend und vorbildliches HTML?!</p>
</blockquote>
<p>Hab ich nie behauptet ;)</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681479#m1681479
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-01T08:53:38Z
2016-12-01T08:55:43Z
Advenskalender
<p>@@Rolf b</p>
<blockquote>
<pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">query</span><span class="token punctuation">(</span><span class="token number">17</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></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>linksbild<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">border-style</span><span class="token punctuation">:</span>dotted</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/advent/17.gif<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Tag 17<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>p</span><span class="token punctuation">></span></span>
</code></pre>
<p>ist semantisch passend und vorbildliches HTML?!</p>
</blockquote>
<p>Vor allem ist das unbenutzbar<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>. </p>
<p>Semantisch passendes und vorbildliches CSS hätte das sichtbar gemacht:</p>
<pre><code class="block language-css"><span class="token selector">[onclick]:not(a):not(button):not(input):not([tabindex="0"])</span> <span class="token punctuation">{</span> <span class="token property">outline</span><span class="token punctuation">:</span> 0.5em solid red <span class="token important">!important</span> <span class="token punctuation">}</span>
</code></pre>
<p>Die Registrierung von <code>click</code>-Events macht nur für solche Elemente Sinn, die auch per Tastatur ansteuerbar sind: Links, Buttons, Eingabefelder, Elemente mit <code>tabindex="0"</code>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>im Sinne von: nur in Ausnahmefällen benutzbar <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681589#m1681589
pl
http://nkfd.rolfrost.de/
2016-12-02T15:35:11Z
2016-12-02T15:35:11Z
Zeigt her Eure Advenskalender
<blockquote>
<blockquote>
<p>Äh, ich hab ja vielleicht keine Ahnung, aber das hier</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">query</span><span class="token punctuation">(</span><span class="token number">17</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></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>linksbild<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>101px<span class="token punctuation">;</span><span class="token property">border-style</span><span class="token punctuation">:</span>dotted</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/advent/17.gif<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Tag 17<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>p</span><span class="token punctuation">></span></span>
</code></pre>
<p>ist semantisch passend und vorbildliches HTML?!</p>
</blockquote>
<p>Hab ich nie behauptet ;)</p>
</blockquote>
<p>Der <a href="http://rolfrost.de/advent.html" rel="nofollow noopener noreferrer">Adventskalender</a> wird mittlerweile fleißig requestet ;)</p>
<p>Wo sind eigentlich Eure Adventskalender mit semantisch passenden und vorbildlichem HTML!?</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681516#m1681516
Rolf b
2016-12-01T12:56:58Z
2016-12-01T12:56:58Z
Advenskalender
<p>Ja gut. Aber geht das ohne JavaScript?</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681517#m1681517
Matthias Apsel
matthias.apsel@selfhtml.org
http://brückentage.info
2016-12-01T12:58:27Z
2016-12-01T12:58:27Z
Advenskalender
<p>Hallo Rolf b,</p>
<blockquote>
<p>Ja gut. Aber geht das ohne JavaScript?</p>
</blockquote>
<p>Ja, Media Queries existieren.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>.
</div>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681519#m1681519
Rolf b
2016-12-01T13:11:10Z
2016-12-01T13:11:10Z
Advenskalender
<p>Ok, dann muss ich aber im CSS exakt wissen, wie groß meine Bilder sind, um den Container um sie herum passend in der Breite zu dimensionieren. Oder wie macht man das?</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681521#m1681521
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-01T13:26:00Z
2016-12-01T13:26:00Z
Advenskalender
<p>@@Rolf b</p>
<blockquote>
<p>Ok, dann muss ich aber im CSS exakt wissen, wie groß meine Bilder sind, um den Container um sie herum passend in der Breite zu dimensionieren.</p>
</blockquote>
<p>Nein, du musst wissen, wie breit deine (Listen-)Elemente mindestens und höchstens sein sollen.</p>
<p>Bilder machst du 100% (der Breite ihres Containers) breit.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681591#m1681591
dedlfix
2016-12-02T15:53:49Z
2016-12-02T15:53:49Z
Zeigt her Eure Advenskalender
<p>Tach!</p>
<blockquote>
<p>Wo sind eigentlich Eure Adventskalender mit semantisch passenden und vorbildlichem HTML!?</p>
</blockquote>
<p>Wir propagieren ganzjährig semantisch passendes und vorbildliches HTML.</p>
<p>dedlfix.</p>
https://forum.selfhtml.org/self/2016/nov/30/advenskalender/1681600#m1681600
Gunnar Bittersmann
selfhtml@bittersmann.de
http://bittersmann.de
2016-12-02T17:37:58Z
2016-12-02T17:37:58Z
Zeigt her Eure Advenskalender
<p>@@dedlfix</p>
<blockquote>
<blockquote>
<p>Wo sind eigentlich Eure Adventskalender mit semantisch passenden und vorbildlichem HTML!?</p>
</blockquote>
<p>Wir propagieren ganzjährig semantisch passendes und vorbildliches HTML.</p>
</blockquote>
<p>Das habe ich doch gerade erst irgendwo gelesen. Ach, <a href="http://couchblog.de/blog/2016/12/01/adventskalender/" rel="nofollow noopener noreferrer">hier ha’m wa’s ja.</a></p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe
</div>