Rolf B: Bilder in Karussell abgerundet

Beitrag lesen

Hallo Roger,

Ich bin Laie

Das können wir ändern 😉

und habe keine grosse Ahnung von html Befehlen.

HTML hat keine Befehle. Es ist keine Programmiersprache, sondern eine Beschreibungssprache, die Tags verwendet, um Elemente zu bilden. Und der Browser versucht sein Bestes, um deine Beschreibung darzustellen. Unser Wiki kann Dir etwas über die Begriffe erklären.

Das, was Matthias Dir geschrieben hat, ist kein HTML, sondern eine CSS Regel. CSS Regeln notiert man in einem Stylesheet. Ein Stylesheet ist entweder im <head> Bereich des HTML Dokuments eingebaut, in Form eines <style>-Elements, oder es steht in einer eigenen Datei, die auf .css endet und vom HTML über ein <link rel="stylesheet"...> Element eingebunden wird. Eine HTML Seite kann mehrere Stylesheets haben - aber das steuert vermutlich Wordpress für Dich.

Sicherlich gibt es die Möglichkeit, für einer Wordpress-Seite ein Stylesheet mit eigenen Regeln beizufügen. Ich weiß nur nicht wie, von WordPress habe ich keine Ahnung.

Ich würde Matthias Vorschlag noch ein bisschen modifizieren:

img.bilder {
   border-radius: 10px; 
}

img.bilder ist ein CSS-Selektor. Er besagt, dass die in den geschweiften Klammern notierten Eigenschaften für alle img Elemente gelten, die die Klasse bilder haben. Matthias schlug den Selektor img vor - damit würde die border-radius Angabe für jedes Bild gelten und das könnte zu viele Bilder treffen.

An dieser Stelle könntest Du auch die Breite von 50% notieren, statt dem img Element ein style-Attribut zu geben. Dann sähe das so aus:

img.bilder {
   width: 50%;
   border-radius: 10px; 
}

Wenn Du keine CSS hast oder kennst, kannst Du die Eigenschaften aus der CSS Regel auch direkt im style-Attribut der img-Elemente eintragen. Das musst Du dann aber für jedes Bild einzeln tun; der Vorteil von CSS ist, dass man über die Selektoren die Elemente herausfiltern kann, für die ein bestimmter Regelsatz gelten soll.

  <img class="bilder" 
       src="https://www.example.com/webdaten/bilder/Bild1.jpg"
       style="width:50%; border-radius: 10px;">

Rolf

--
sumpsi - posui - obstruxi