Bild ohne Rahmen

[rednex]

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

[sebi]

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.

[rednex]

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?

[sebi]

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.

[rednex]

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.

[sebi]

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

div.kein_schatten figure.image_container

und hier dann die vorher gegebenen rahmen und Schattenoptionen wieder überschreiben.

[rednex]

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

.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!