Rahmen um Bild

[tsaenger]

Hallo zusammen,
ich versuche verzweifelt einem Bild im Inhaltselement über CSS zu sagen, das es keinen Rahmen haben soll. Dazu habe ich dem Element die Klasse und ID info-box gegeben.
Im CSS habe ich folgendes Style erstellt:

#info-box img {
    border:0;
    outline-style:none;
    outline-width:0;
}

Der Seite habe ich auch das CSS zugewiesen.
Leider wird aber weiterhin der Rahmen in der rechten Spalte um das Bild angezeigt.

Was mache ich hier falsch? new.skf-mainz.de

Vielen Dank.

Gruß
Tobias

[derRenner]

Hallo,

ohne link wird's eher ein Raten ...
Ich tippe aber trotzdem mal ins Blaue: Stichwort 'Spezifität' könnte verhindern, dass dein Selektor greift

[hjo]

Hallo tsaenger,

der Rahmen wird nicht vom <img>-Tag erzeugt. Der <figure>-Tag zwischen #info-box und <img> erzeugt den Rahmen.
Die CSS-Klasse lautet .image_container.
.image_container {
padding: 0.55556em;
border: 1px solid #dedede;
}
Das Padding erzeugt den weißen Raum um das Bild, umrahmt mit dem Border.
Ändere diese Attribute.

MfG
Hans-Jürgen

[tsaenger]

Guten Abend,

ich habe im CSS folgenden Code nun hinzugefügt:
#info-box image_container {
margin:0;
padding:0;
border: 0px;
}
Leider klappt das auch nicht.
http://new.skf-mainz.de/contao/index.php/Home.html
In der rechten Spalte sollte der Rahmen um das Haus weg sein.

Vielen Dank
Tobias

[mdoll]

Da fehlt ein Punkt vor image_container.

#info-box .image_container {
padding:0;
border: none;
}

Gruß
Mathias

[tsaenger]

Hallo Matthias,

das habe ich korrigiert, leider hat das auch nicht geholfen.
Hast du noch eine Idee?

Gruß und Danke
Tobias

[mdoll]

Auf der Seite ist das CSS unverändert. Hast Du unter Systemwartung mal den Scriptcache gelöscht?

[tsaenger]

Ich habe den Script-Cache gerade gelöscht.
im CSS steht im Backend nun:
#info-box .image_container {
padding:0;
border: none;
}
Gruß und Danke
Tobias

[tsaenger]

Ich habe es nur hinbekommen indem ich im main.css
padding: 0.55556em; auf padding: 0; gesetzt habe.
Irgendwie überschreibt mein CSS nicht die Daten aus dem main.css
Woran kann das denn liegen?

Gruß und Danke
Tobias

[derRenner]

ich würde sagen, dass du anstatt #info-box die .info-box ansprichst

.info-box .image_container {
	padding: 0;
	border: none
}

2020-10-02 07_24_56-Window.png