Thema: Bildabstand

Hallo

Auf folgender Homepage habe ich ein Bild von mir:
http://www.bertram-rakette.de

Ich habe diesem Bild einen Rand von 1 und einen horizontalen sowie einen vertikalen Abstand von jeweils 30 zugefügt.

Leider wird es aber immer ohne Abstand und Rand publiziert.
Ich habe schon den Hinweis bekommen, folgenden Abschnitt vom Template zu ändern:

/* Start images */
a img
{
border: 0;
}

.art-article img, img.art-article
{
border: solid 1px #CED1B8;
margin: 1em;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */

Leider weiß ich aber überhaupt nicht, was ich da ändern muss.
Und wie mache ich das, wenn ich auf andere Seiten, Bilder mit unterschiedlichen Abständen reinstellen möchte?

Wäre einem guten Rat sehr dankbar

.art-article img, img.art-article
{
border: solid 1px #CED1B8;
margin: 1em;
}

der Rand wird schon angezeigt, nur iehst du den schlecht. gib mal eine kontrastreiche Farbe an und 5px, dann siehst du es Als Abstand ist eben 1em eingestellt, da kannst du z.B. 30 px angeben

Besorg dir am besten den Firebug für den Firefox. Mit diesem kann man so etwas schnell herausfinden.

Wenn du Änderungen durchführst, am besten auch den Browsercache leeren Seite im Browser und aktualisieren, damit die Änderungen auch übernommen werden.

Unter element.style in der template.css scheint die Formatierung für das Bild zu stecken. Hier einfach die gewünschten Formatierungen hinzufügen.
Könnte allerdings sein, dass noch andere Elemente einen Rand bekommen.

In CSS solltest du dich jedoch unbedingt einarbeiten. Ist gar nicht so schwer.

Viel Erfolg!
JoomlaWunder