Skip to main content

Ein Bild von den Rahmenstilen ausschließen (HTML)

Möglicherweise möchten Sie, dass die meisten Ihrer Bilder Rahmen haben, aber es gibt einige Ausnahmen, und diese müssen keine Rahmen haben. Anstatt jeden Bildrand einzeln einzurichten, können Sie Ränder auf alle Bilder anwenden und dann Ihre „Ausnahme“-Bilder so einstellen, dass sie verschiedene Stile verwenden.

  1. Legen Sie die Rahmenstile fest, die auf die Bilder angewendet werden sollen, die Rahmen haben sollen. Befolgen Sie dazu die Anweisungen in Rahmen auf allen Bildern (HTML).

  2. Öffnen Sie ein Topic, das eines der Bilder enthält, das keinen Rahmen haben soll.

  3. Wählen Sie das Element mediaobject für das Bild aus.

  4. Fügen Sie das Attribut role im Panel „Elementattribute“ hinzu und setzen Sie seinen Wert auf noborder.

  5. Drücken Sie Speichern. Save icon.

  6. Verwenden Sie einen Code- oder Texteditor, um eine CSS-Datei zu erstellen. Geben Sie ihr einen passenden Namen und speichern Sie sie mit der Erweiterung .css.

    Wenn Sie bereits ein benutzerdefiniertes CSS für Ihr Layout verwenden, sollten Sie stattdessen die betreffende CSS-Datei bearbeiten.

  7. Um die Rahmen der Bilder mit der in Schritt 4 erstellten Rolle zu deaktivieren, fügen Sie diesen Code zu Ihrem CSS hinzu:

    .mediaobject.noborder img {
    border: none;
}

  8. Speichern Sie Ihre CSS-Datei und laden Sie das benutzerdefinierte CSS hoch, siehe Hochladen benutzerdefinierter CSS.

Wenn Sie mit diesem Layout veröffentlichen, werden die CSS-Styles auf Ihre veröffentlichte Ausgabe angewendet.