CSS - Image in einem Div in einem Link

Re(3): CSS - Image in einem Div in einem Link

Dr. Watson — Wed, 08 Aug 2007 00:52:34 GMT

Im umliegenden DIV Block text-align: center; und in den einzelnen A Tags darin wieder text-align: left; ?

Re(2): CSS - Image in einem Div in einem Link

substitute — Tue, 07 Aug 2007 18:24:54 GMT

Ich hoff ich nerv nicht, ich häng jetzt am nächsten (letzten) Problem und weiß nicht, ob sich das überhaupt wie vorgestellt lösen läßt:

Ich hab jetzt 4 a-Blockelemente mit (wie zuvor im div-Block) je einem Bild und darunter einem Text. Problem: Zentrierte Positionierung im darüberliegenden Div-Element.

Geht mittels

, ist aber deprecated und daher uninteressant.

Mir fällt da nur ein zusätzliches, umgebendes div-Element mit fester Breite ein, welches ich zentriere. Gibts da vielleicht eine andere Möglichkeit ohne eine feste Breite zu verwenden?

Was ich suche, ist die Mischung aus Block- und Inlineelement... deswegen wird das wohl nichts.

Re: CSS - Image in einem Div in einem Link

Dr. Watson — Tue, 07 Aug 2007 17:18:36 GMT

Ein Inline-Element darf kein Block-Element enthalten, dein Code ist daher ungültig, und jeder Browser wird sich irgendwie anders verhalten.

Normalerweise ist der übergeordnete DIV aber eh unnötig, und du könntest den Link auf display:block umbauen, ihm die Attribute des DIVs geben, und darin dann deine Bild platzieren.

Wenn es sich um ein Thumbnail oder ähnliches handelt gehts noch einfacher, in dem du es als background-image setzt, dann brauchst du a) keinen IMG Tag, und kannst es b) einfach vertikal und horizontal zentrieren (background-position: center center);

Re: CSS - Image in einem Div in einem Link

Dr. Watson — Tue, 07 Aug 2007 17:18:36 GMT

Re(3): CSS - Image in einem Div in einem Link

nico — Tue, 07 Aug 2007 16:54:49 GMT

der IE verhält sich teilweise recht eigenartig bei DIVs

Re: CSS - Image in einem Div in einem Link

Compe — Tue, 07 Aug 2007 16:40:53 GMT

Ich würd das div außen positionieren und innnen den Link!