mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 00:19 Benutzername: Passwort: Auto-Login

Thema: CSS: Mehrere h3 Klassen richtig definieren vom 09.03.2017


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Mehrere h3 Klassen richtig definieren
Seite: 1, 2  Weiter
Autor Nachricht
mucartist
Threadersteller

Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.03.2017 14:47
Titel

CSS: Mehrere h3 Klassen richtig definieren

Antworten mit Zitat Zum Seitenanfang

Bin etwas aus dem Thema 'raus, deshalb die Frage:

Ich möchte auf einer Site mehrere h3-Klassen definieren. Welche Schreibweise darf ich benutzen, damit der Browser es als h3 liest und nicht als beliebige Klasse?
Wäre es so okay:
.h3_themaeins
.h3_themazwei
oder funktioniert es auch ohne Unterstrich
.h3 themaeins
.h3 themawei
- oder stimmt gar nichts davon

Gruß muc
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 09.03.2017 15:13
Titel

Antworten mit Zitat Zum Seitenanfang

nichts davon.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 09.03.2017 15:27
Titel

Re: CSS: Mehrere h3 Klassen richtig definieren

Antworten mit Zitat Zum Seitenanfang

mucartist hat geschrieben:
...

- oder stimmt gar nichts davon

...


Es gibt keine besonderen "h3-Klassen".

Ich vermute mal dir geht es um h3-Überschriften. Denen kannst du dann jede Klasse verpassen die du möchtest. (Aber keine Leerzeichen, das trennt dann zwei Klassennamen.)

Mal ein Beispiel. Einmal HTML:
Code:
<h3>Tolle Überschrift</h3>
<p>Bla Blub</p>
<h3 class="roteschrift">Tolle Überschrift in rot</h3>
<p>Bla Blub</p>
<h3 class="unterstrichen">Tolle Überschrift unterstrichen</h3>
<p>Bla Blub</p>
<h3 class="roteschrift unterstrichen">Tolle Überschrift rot und unterstrichen</h3>
<p class="roteschrift">Bla Blub in rot</p>

Und etwas CSS:
Code:
.roteschrift { color: #ff0000; }
.unterstrichen { text-decoration: underline; }
  View user's profile Private Nachricht senden
mucartist
Threadersteller

Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.03.2017 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

ja klar, es geht um verschieden h3-Überschriften.
Die Form <h3 class="irgendwas"> wollte ich ja gerade vermeiden.
Okay wenn das so nicht funktioniert, dann eben per class.

Danke.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 09.03.2017 16:14
Titel

Re: CSS: Mehrere h3 Klassen richtig definieren

Antworten mit Zitat Zum Seitenanfang

Du kannst das Aussehen der h3-Überschriften auch von den umschließenden Elementen abhängig machen:
Code:
<div class="inhaltmitte">
<h1>Tolle Überschrift</h1>
<p>Bla Blub</p>
<h3>Zwischenüberschrift</h3>
<p>Bla Blub</p>
</div>
<div class="teaserbox">
<h3>Anderer Artikel</h3>
<p>Bla Blub <a href="bla.html">...weiter</a></p>
<h3>noch ein Anderer Artikel</h3>
<p>Bla Blub <a href="blub.html">...weiter</a></p>
</div>

Und etwas CSS:
Code:
.inhaltmitte h3 { color: #ff0000; }
.teaserbox h3 { text-decoration: underline; }
  View user's profile Private Nachricht senden
mucartist
Threadersteller

Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.03.2017 16:40
Titel

Antworten mit Zitat Zum Seitenanfang

das wars wohl was ich ursprünglich gemeint hatte.
Schreibweise also mit Abstand.
Danke
  View user's profile Private Nachricht senden
hadouken

Dabei seit: 07.11.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 09.03.2017 21:10
Titel

Antworten mit Zitat Zum Seitenanfang

Dein erster Vorschlag

<h3 class="h3_themaeins">
<h3 class="h3_themazwei">

ist nicht so schlecht. Finde ich besser als "rot", "unterstrichen" oder über die Vorfahren-Elemente zu selektieren.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 10.03.2017 10:52
Titel

Antworten mit Zitat Zum Seitenanfang

hadouken hat geschrieben:
Dein erster Vorschlag

<h3 class="h3_themaeins">
<h3 class="h3_themazwei">

ist nicht so schlecht. ...

Doch, finde ich schlecht. In der Regel versuche ich Inhalt und Gestaltung so weit es geht voneinander zu trennen.

hadouken hat geschrieben:
... Finde ich besser als "rot", "unterstrichen" ...

Sollte auch nur die grundlegende Funktionsweise erklären und kein Beispiel für sinnvolle Anwendung werden.

hadouken hat geschrieben:
...oder über die Vorfahren-Elemente zu selektieren.

Meistens haben die Vorfahren-Elemente sowieso schon eine Klasse oder ID für die eigene Positionierung auf der Seite. Das Aussehen der Bereiche will man ja in der Regel nur einmal festlegen und nicht jedem neuem Absatz neu erfinden.

Ich finde es daher so: https://jsfiddle.net/w5k6zeo6/ deutlich angenehmer als so: https://jsfiddle.net/w5k6zeo6/1/
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS: links in klassen definieren -pseudoklassen in klassen?
Klassen in PHP
AS 3 und Klassen
[PHP] Klassen für Bildmanipulation
Prüfen von CSS-Klassen
PHP: CSS Klassen zuweisen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.