Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Liv3pl4y" data-source="post: 2566051" data-attributes="member: 679435"><p>Hallo zusammen,</p><p></p><p>ich bin am verzweifeln und komme einfach nicht weiter. Ich möchte eine Webseite designen, bei der die Section Elemente abwechselnd immer eine andere Farbe bekommen. Bei folgenden Codefragment habe ich allerdings das Problem, egal was ich versuche, ob ich es nun mit semantischen HTML5 Tags versuche, oder nur mit einfach &quot;Div-Containern&quot;, ob ich die Überschriften Tags durch &quot;span&quot;, oder gar &quot;p&quot; ersetzte, immer wird nur der zuletzt beschriebene Abschnitt (das Blockelement et cetera), eingefärbt, also &quot;h1-h6&quot;, &quot;p&quot;, &quot;span&quot; et cetera.</p><p></p><p>[html]&lt;section id=&quot;aboutUs&quot;&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;inline-wrapper&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Über Mich&lt;/h1&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;editorial col x6-column&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2 class=&quot;hidden&quot;&gt;Einleitung&lt;/h2&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Aenean commodo ligula eget dolor. Aenean massa. Cum</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; sociis natoque penatibus et magnis dis p.&lt;/p&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;download-btn&quot;&gt; &lt;a href=&quot;#&quot;&gt;Download Lebenslauf&lt;/a&gt; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;aboutUsContent col x6-column&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2 class=&quot;hidden&quot;&gt;Weitere Informationen&lt;/h2&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Interessen</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Freizeitaktivitäten</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibu&lt;/p&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;[/html]</p><p></p><p>Die Sektion mit der ID &quot;aboutUs&quot; ist die übergeordnete Sektion eines Abschnittes. Diese gesamte Sektion soll eingefärbt werden. Wenn ich aber nun schreibe: &quot;section#aboutUs {background: aqua;} dann wird nur die &lt;h1&gt; Überschrift farblich hinterlegt.</p><p></p><p>Hat Jemand ein Tipp für mich, was ich hier nicht beachtet habe?</p><p></p><p>Edit: Das Problem ist im übrigen auch, dass wenn ich den Abschnitt mit dem Inspektor untersuche, die Sektion nur bis zum &lt;h1&gt; Element reicht (Höhe), obwohl doch noch andere Elemente vorhanden sind. Wenn ich die Überschrift rauslassen, dann erkennt der Inspektor natürlich trotzdem nicht die anderen Elemente.</p></blockquote><p></p>

[QUOTE="Liv3pl4y, post: 2566051, member: 679435"] Hallo zusammen, ich bin am verzweifeln und komme einfach nicht weiter. Ich möchte eine Webseite designen, bei der die Section Elemente abwechselnd immer eine andere Farbe bekommen. Bei folgenden Codefragment habe ich allerdings das Problem, egal was ich versuche, ob ich es nun mit semantischen HTML5 Tags versuche, oder nur mit einfach "Div-Containern", ob ich die Überschriften Tags durch "span", oder gar "p" ersetzte, immer wird nur der zuletzt beschriebene Abschnitt (das Blockelement et cetera), eingefärbt, also "h1-h6", "p", "span" et cetera. [html]<section id="aboutUs"> <div class="inline-wrapper"> <h1>Über Mich</h1> <div class="editorial col x6-column"> <h2 class="hidden">Einleitung</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis p.</p> <div class="download-btn"> <a href="#">Download Lebenslauf</a> </div> </div> <div class="aboutUsContent col x6-column"> <h2 class="hidden">Weitere Informationen</h2> <p>Interessen dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Freizeitaktivitäten mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibu</p> </div> </div>[/html] Die Sektion mit der ID "aboutUs" ist die übergeordnete Sektion eines Abschnittes. Diese gesamte Sektion soll eingefärbt werden. Wenn ich aber nun schreibe: "section#aboutUs {background: aqua;} dann wird nur die <h1> Überschrift farblich hinterlegt. Hat Jemand ein Tipp für mich, was ich hier nicht beachtet habe? Edit: Das Problem ist im übrigen auch, dass wenn ich den Abschnitt mit dem Inspektor untersuche, die Sektion nur bis zum <h1> Element reicht (Höhe), obwohl doch noch andere Elemente vorhanden sind. Wenn ich die Überschrift rauslassen, dann erkennt der Inspektor natürlich trotzdem nicht die anderen Elemente. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?