nicht angemeldet
Text über Grafik legen
Ich will einen Text über eine Grafik legen.
Das Problem ist dass die Grafik keine feste Position hat und ich daher keine Möglichkeit weiß wie ich das anstellen kann.
-
1.Möglichtkeit: Text als Background in einem DIV-Tag -> Text schreiben -> relativ zum DIV-Tag positionieren
2.Möglichkeit: Paint o.ä. starten -> Bild laden -> Text über Bild schreiben
servus, hubert n.-
1.Möglichtkeit: Text als Background in einem DIV-Tag -> Text schreiben -> relativ zum DIV-Tag positionieren
ok diese möglichkeit würde ich gerne nehmen
aber so wie du das geschrieben hast versteh ich nicht ganz genau !?
wie kann ich nen text als background nehmen?-
Hallo Scream
wie kann ich nen text als background nehmen?
Ich glaube da gibt es ein kleines Missverständnis, Text kannst du nichz als background nehmen. Aber andersrum geht's, du kannst einem Text ein Hintergrundbild geben. Das liegt dann immer hinter dem Text.
gruss
OhneName
-
-
-
Hallo Scream.
Ich will einen Text über eine Grafik legen.
Das Problem ist dass die Grafik keine feste Position hat und ich daher keine Möglichkeit weiß wie ich das anstellen kann.Je nachdem, wie du die strukturell angehen möchtest, sehen die Lösungsmöglichkeiten unterschiedlich aus.
Hat die Grafik ausschließlich dekorativen Charakter und vermittelt keinerlei Inhalt? Wenn ja, dann solltest du die Grafik als http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=Hintergrundgrafik einsetzen.
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.
Und je nachdem, ob der Text vor oder hinter der Grafik im HTML notiert wurde, ist ggf. noch der Einsatz von http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index vonnöten.
Einen schönen Mittwoch noch.
Gruß, Mathias
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
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; }
-