✔ Bild zentrieren

J

jdgf

Mitglied
Hallo,

eigentlich sollte das Zentrieren einer Grafik simpel sein. Nur hier weiß ich nicht mehr weiter. Ich habe bei allen Tags (p, table, tr, td, a und img) ein text-align:center eingefügt, um die E-Card zentriert zu bekommen. Trotzdem wird die jpg-Datei in FF 3.5 und Opera 10.10 linksbündig dargestellt. Nur der IE7 zentriert sie.

Weiß jemand eine Lösung. Die Webseite: http://www.kolping-hohenfels.de/
 und dort bitte ganz nach unten scrollen. In der vorletzten Zeile unten befindet sich E-Cards verschicken.

Noch ein Hinweis: Die Blockbildung im Text oberhalb bzw. die Zentrierung des Links unter der Grafik hat funktioniert.

Danke für die Hilfe!
Gruß, Dietmar
 
Moin,

dem <table>-Element fehlt eine Angabe zur Breite (width:100%), damit es darin auch was zum Zentrieren gibt.

Übrigens ist gemäß deiner Doctype-Deklaration das Einbinden des <p>-Elements (= Block-Element) im <a>-Element (= Inline-Element) nicht zulässig - siehe hierzu die Element-Referenz für Inline-Elemente.

mfg Maik
 
Danke Maik für den richtigen Hinweis. Ich habe wieder etwas hinzugelernt.

Bedeutet es, dass man jetzt immer die Breitenangabe (absolut oder in Prozent) einfügen muss, damit eine Zentrierung erfolgt.
 
Wenn es sich um eine Tabelle handelt, deren Inhalt im Bezug zum umschliessenden DIV-Block horizontal zentriert werden soll, ja.

mfg Maik
 
Grundsätzlich will ich Tabellen nur dann einsetzen, wenn sie unbedingt erforderlich sind. Die Webseite arbeitet aber mit Joomla und das Modul, das hier zum Einsatz kommt, ist nicht von mir konzipiert. Jetzt ist es nur zum Teil möglich, den Code per Override zu korrigieren.
 
Jo, wie dem auch sei, da deine Eingangsfrage beantwortet respektive gelöst ist, markier ich das Thema hier mal als erledigt ;)

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück