Bilder per CSS bearbeiten

  • Hallo zusammen,

    ich bin neu hier :D Ich bin seit einigen Tagen dabei meine eigene Website zu gestallten. Ich habe aber nun folgendes Problem. Ich würde gerne einigen Bildern runde ecken verpassen und wollte dies tun indem ich den Bildern CSS Klassen zuordne. Ich habe mir dazu auch einige Videos angeschaut, doch es klappt einfach nicht wie se soll. Ich habe im stylesheet den code eingegeben, der die ecken runden soll und den Bildern die Klasse des codes zugewiesen. Doch es tut sich einfach nichts.

    Ich habe das ganze auch schon versucht direkt via html zu machen, was auch klappt. Allerdings nur mit Chrome. Wenn ich meine Seite mit anderen Browsern öffne, sind die Ecken wieder eckig ....

    Den Code habe ich im stylesheet eingefügt

    PHP
    .imgset1 {border-radius: 15px;}

    und im Bild unter Bild-CSS-Klasse bei Bild-Details imgset1 eingegeben. Laut einigen Videos sollte das Bild nun runde ecken haben, was aber nicht so ist.

    Kann mir jemand helfen und sagen, was ich eventuell falsch mache?

    Grüße
    Crange97 :)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • .imgset1 {border-radius: 15px;} habe ich in die Datei Style.css eingefügt und imgset1 wenn ich im Editor auf das jeweilige Bild klicken und dann auf bearbeiten gehe unter Bild-CSS-Klasse

  • also im Chrome seh ich die Abrundungen, evtl. nutzt du den falschen Browser. Versuche es mal mit

    Code
    .imgset1 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • das Bild auf der ersten Seite habe ich per HTML gerundet. Wenn ich es mit der CSS Klasse versuche klappt es wieder nicht ... :(

    PS: Es scheint mir auch so, als würde das Plugin [COLOR=#000000][FONT=Open Sans]Page Builder by SiteOrigin [/FONT][/COLOR] verhindern, dass html codes richtig verarbeitet werden, denn wenn ich ein Bild im Page Builder Editor per html Code runde, wird die Rundung nur bei chrome angezeigt. In einem normalem Textfeld normal mit Rundung. Komisch ...

    Einmal editiert, zuletzt von crange97 (18. Dezember 2015 um 22:46)

  • das Bild auf der ersten Seite habe ich per HTML gerundet. Wenn ich es mit der CSS Klasse versuche klappt es wieder nicht ... :(

    Das Bild auf deiner Startseite hat doch runde Ecken per css

    Code
    element.style {
        border: medium none;
        border-radius: 15px;
    
    
    
    
    }
  • Aber nur weil ich das Bild per HTML-code gerundet habe. element.style ist ja ne allgemeine klasse. Ich will aber das Bild mit der von mir angelegten CSS-Klasse ansprechen, was irgendwie nicht klappt

  • Da alles irgendwie nicht geklappt hat, habe ich google nochmal durchsucht und bin auf ein Plugin gestoßen, mit dem man custom css einfügen kann. Ich weiß nicht, was dieses plugin anders macht, aber damit klappt es jetzt. Thread könnte also geschlossen werden.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!