Zum Inhalt springen

Bilder auf der Seite zentrieren

Erstellt am 11. November 2004 · 4 Antworten · letzte Antwort am 12. November 2004

Tags: Bilder, HTML & CSS, Frage

Silke crosslabs ·

Hallo zusammen,

ich möchte auf meiner Startseite 4 Bilder in eine Reihe packen, di dann aber in der Mitte des Bildschirms ausgegeben werden soll.

Also in etwa so:

---------------------------
|                               |
|                               |
| Nr.1 Nr.2 Nr.3 Nr.4 |
|                               |
|                               |
---------------------------

Wenn ich die Bilder über "nur Bilder" einfüge kleben sie immer am oberen Rand, auch wenn ich m"mittig unten" einstelle. :o

Ich habs jetzt schon versucht über HTML einzufügen. Aber das klappt auch nicht.

Weiß jemand Rat, wie ich meine Bilder in die Mitte bekomme? #paralyzed#

ratlose Grüsse
Silke

maxhb ·
SLAng schrieb

setzt doch davor und dahinter mal ein <center> bzw. </center>

Das Problem liegt wohl darin begründet, dass er gern vertikal zentrieren möchte und nicht horizontal...

Vertikales Zentrieren ist unter HTML leider sehr tückisch. Im Prinzip kann man es mit der CSS-Eigenschaft vertical-align erreichen, aber da muss man ziemlich aufpassen, sonst funktioniert es leider nicht. So als Tipp: Alle umgebenden Elemente mit "height: 100%" ausstatten, sonst wird's schwer ...

CU
maxhb

Silke crosslabs ·

Ich hab schon mal ne table drumrum gebastelt. Und da auch bei den umgebenden Elementen die height auf 100% gesetzt. Auch schon mit zusätzlichen Reihen mit Füllbildern.
Das bringt alles nix. Es wird einfach ignoriert. 😢

Könnte ich denn für die eine Seite ein anderes Template angeben? Oder kann ich in meinem Template eine Abfrage einbauen, dass er ein anderes Wrap nehmen soll, wenn die page-id eine bestimmte ist?

Gruss
Silke

Proximo ·

[PIDinRootline =155]
Wrap HIER
[GLOBAL]

Dann wird der befehl nur ausgeführt wenn die Pid in der Rootline (oder wenn es selber die pid 155 hat) ausgeführt...

Damit lässt sich beliebig weiterbasteln

10.wrap HIER

[PIDinRootline =155]
10.wrap HIER >
10.neuer wrap
[GLOBAL]

oder

10.wrap HIER

[PIDinRootline =155]
10.wrap HIER >
10.neuer wrap
[GLOBAL]10.wrap HIER

[PIDinRootline =110]
10.wrap HIER >
10.neuer wrap2
[GLOBAL]

HF
Proximo