Ergebnis 1 bis 7 von 7

Thema: Bild ohne Rahmen

  1. #1
    Contao-Fan
    Registriert seit
    03.10.2010.
    Beiträge
    365

    Standard Bild ohne Rahmen

    Hi,
    ich würde gerne ein paar wenige Bilder ohne Rahmen in meine Seite einfügen.
    Beim "normalen" einfügen bekommt jedes Bild einen kleinen Rahmen, und dann mit 2px abstand nochmal einen Rahmen mit Schatten etc. was auch oki ist.
    Allerdings möchte in einem Bild gezielt über die Inhaltselementeinstellung (ID/Klasse) sagen können, dass genau diese Bild KEINEN Rahmem haben soll.

    Irgendwie verzweifel ich gerade an der CSS dazu. Ich hab folgende CSS erstellt und im Inhaltselement dann unten bei "Klasse" angegeben, wirkt aber irgendwie nicht.

    .img_noborder
    {
    border:none;
    }
    Hier noch ausschnitte aus der CSS der Seite:

    rahmen-aussen.jpg

    rahmen-innen.jpg
    Geändert von rednex (21.03.2012 um 20:14 Uhr)

  2. #2
    Contao-Nutzer Avatar von sebi
    Registriert seit
    17.03.2012.
    Ort
    Kiel
    Beiträge
    154

    Standard

    Der Schatten und der 2px-Rahmen werden erst für den .image_container vergeben, also du musst nicht das <img>-Tag beeinflussen per CSS sondern den Bereich image_container. Schau nochmal genau, wo du die CSS Klasse hinzugefügt hast.

  3. #3
    Contao-Fan
    Registriert seit
    03.10.2010.
    Beiträge
    365

    Standard

    Zitat Zitat von sebi Beitrag anzeigen
    Der Schatten und der 2px-Rahmen werden erst für den .image_container vergeben, also du musst nicht das <img>-Tag beeinflussen per CSS sondern den Bereich image_container. Schau nochmal genau, wo du die CSS Klasse hinzugefügt hast.
    du meinst "wo" im CSS? müsste die ohne Rahmen "vor" der anderen stehen?

    .image_container_noborder
    {
    border:none;
    }
    du meinst so?
    Geändert von rednex (21.03.2012 um 19:37 Uhr)

  4. #4
    Contao-Nutzer Avatar von sebi
    Registriert seit
    17.03.2012.
    Ort
    Kiel
    Beiträge
    154

    Standard

    Bei deinem Anhang siehst du die Klasse ".image_container" Diese musst du über dein CSS beeinflussen.
    Also:

    .image_container
    {
    border: 0px;
    box-shadow: 0px 0px 0px;
    }

    Die Klassen, die du beschrieben hast, sind ja nirgends vergeben.

  5. #5
    Contao-Fan
    Registriert seit
    03.10.2010.
    Beiträge
    365

    Standard

    Zitat Zitat von sebi Beitrag anzeigen
    Bei deinem Anhang siehst du die Klasse ".image_container" Diese musst du über dein CSS beeinflussen.
    Also:

    .image_container
    {
    border: 0px;
    box-shadow: 0px 0px 0px;
    }

    Die Klassen, die du beschrieben hast, sind ja nirgends vergeben.
    habe mich oben wohl unverständlich ausgedrückt, sry

    der derzeitige .image_container ist schon oki so, der rahmen soll ja bei den meisten bildern vorhanden sein, nur bei einigen wenigen ausnahmen möchte ich über die Inhaltselementeinstellung (ID/Klasse) sagen können, dass genau dieses Bild halt den Rahmen NICHT bekommt.
    Geändert von rednex (21.03.2012 um 20:14 Uhr)

  6. #6
    Contao-Nutzer Avatar von sebi
    Registriert seit
    17.03.2012.
    Ort
    Kiel
    Beiträge
    154

    Standard

    Hab das mal eben kurz versucht nachzuvollziehen.
    Wenn du die Bilder über das Artikelelement "Bild" einfügst, gib einfach unten eine Klasse für bilder ohne schatten ein. Diese Klasse wird dem umfassenden <div> gegeben also wäre der Selektor um den .image_container zu beeinflussen
    Code:
    div.kein_schatten figure.image_container
    und hier dann die vorher gegebenen rahmen und Schattenoptionen wieder überschreiben.

  7. #7
    Contao-Fan
    Registriert seit
    03.10.2010.
    Beiträge
    365

    Standard einzelnem Bild den Rahmen wegnehmen

    Das hier hats gerichtet, falls es wen intessiert:
    Besten Dank an Sebi!

    Code:
    .kein_schatten div.image_container
    {
    border: 0px;
    box-shadow: 0px 0px 0px;
    }
    als Klasse an das Inhaltselement (Bild, oder Text+eingefügtem Bild) anhängen, dass keinen Rahmen/Schatten haben soll.

    Besten Dank an Sebi!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •