Bilder <div> zentrieren

[Kallabis]

Hallo zusammen,
habe mir einen CP mit Bilder <div> erstellt. Die runden Ecken der Bilder habe icih ebenfalls eingebunden (cornerframed.tmpl + cornerframed.css)
Nun möchte ich das die Bilder die angezeigt werden nicht wie jetzt alle links stehen sondern zentriert erscheinen, also mittig unter dem Text.
Wo bzw. wie muss ich das "schrauben"
Anbei der Link zu den Bildern http://www.hubertus-unterbach.de/index ... ivitaeten
Vielen Dank für Eure Hilfe

Gruß
rkalli

[novallis]

Hallo rkalli,

Du must in Deiner CSS-Datei folgende Klasse anlegen:

Code: Select all

#images253 {
margin-left: auto;
margin-right: auto;
width: 220px;
}

Geschraubt wird im Template (ausgewählt unter CP Bilder <div>)
liegt im Verzeichnis

Code: Select all

/template/inc_cntpart/images

und in Deiner CSS-Datei.

width:
hier kommt es auf die Größe Deiner Vorschaubilder an (mal mit dem Wert spielen)
Anstelle "#images253'" funktioniert bei Dir auch
".images"

Einfach mal Testen.

Versuch doch mal die Developer-Toolbar für den Firefox.
Da gibt es die Option CSS bearbeiten.
Damit kannst Du in "Echtzeit" mit Deiner CSS-Datei herumspielen und bekommst sofort das Ergebnis angezeigt.

Grüße,
- Ralf

[Kallabis]

Hallo,
super hat auf anhieb funktioniert. Brauchte nur die *.css Datei zu erweitern. Das wars.
Der Tipp mit der Developer-Toolbar war prima.
So kann man mal eben das in Echtzeit testen was man haben möchte.

Nochmals vielen Dank

Schönes Rest WE

Gruß
Rkalli

[pepe]

Wie war das jetzt nochmal mit : template powered by ...

[juergen]

Wie war das jetzt nochmal mit : template powered by ...

pbosm -> powered by open source Missbrauch