Druckbare Version
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:
Der Seite habe ich auch das CSS zugewiesen.Code:#info-box img {
border:0;
outline-style:none;
outline-width:0;
}
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
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
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
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
Da fehlt ein Punkt vor image_container.
GrußCode:#info-box .image_container {
padding:0;
border: none;
}
Mathias
Hallo Matthias,
das habe ich korrigiert, leider hat das auch nicht geholfen.
Hast du noch eine Idee?
Gruß und Danke
Tobias
Auf der Seite ist das CSS unverändert. Hast Du unter Systemwartung mal den Scriptcache gelöscht?
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
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
ich würde sagen, dass du anstatt #info-box die .info-box ansprichst
https://community.contao.org/de/atta...7&d=1601616350Code:.info-box .image_container {
padding: 0;
border: none
}
Anhang 23907