wahsaga: Text über Grafik legen

Beitrag lesen

hi,

Hat die Grafik doch einen inhaltlichen Wert, bietet es sich an, Grafik und Text in ein gruppierendes Element zu stecken. Im weiteren ist es erforderlich, dass sich der Text noch in einem weiteren Element befindet. Nun werden sowohl das gruppierende als auch das den Text umspannende Element relativ und die Grafik absolut http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=positioniert. Die relative Positionierung des gruppierenden Elementes sorgt dafür, dass sich seine Kindelemente bei einer Positionierung an ihm orientieren, da dies ansonsten am Viewport erfolgen würde.

Da eine Grafik idR. eine bekannte, feste Größe haben dürfte, könnte man auch auf Positionierungsorgien verzichten - und das nach der Grafik im Quelltext angeordnete Textelement einfach per negativem margin-top über diese "ziehen".

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }