nicht angemeldet
text übereinander legen
hallo!
gibt es irgendeine möglichkeit text übereinanderzulegen?
ich weiss dass man mit CSS durch absolute Positionierung text auf die selbe Position bringen kann. Aber absolute Positionierung ist ja nicht gerade anwenderfreundlich.
Also, gibts eine Möglichkeit?
-
Hallo!
gibt es irgendeine möglichkeit text übereinanderzulegen?
Ja. Aber warum?
ich weiss dass man mit CSS durch absolute Positionierung text auf die selbe Position bringen kann.
Eben genau so. Div-Bereiche mit absoluter Positionierung aufeinanderlegen und unterschiedlichen z-index zuweisen.
Aber absolute Positionierung ist ja nicht gerade anwenderfreundlich.
Wieso?
Ciao
Liza-
Hallo zusammen
gibt es irgendeine möglichkeit text übereinanderzulegen?
Ja. Aber warum?Wieso "warum?"? Damit lassen sich doch schöne Sachen basteln, z.B. ein Hintergrund.
Aber absolute Positionierung ist ja nicht gerade anwenderfreundlich.
Wieso?Genau aus diesem Grunde habe ich die Idee mit dem Text als Hintergrund wieder fallen lassen.
Ich habe beispielsweise einen normalen Text-Inhalt. Hinter dem Ende eines Abschnittes möchte ich ab und zu einen diskreten Hintergrundtext (in ziemlich grosser Schrift). Ok, das ist vielleicht etwas speziell, aber genau das, was ich vor zwei Wochen versuchte...Ich bin also nicht harl3kin, hatte nur gerade kürzlich dieselbe Frage...
Gute Nacht
Louis-
Hi Louis,
Aber absolute Positionierung ist ja nicht gerade anwenderfreundlich.
Wieso?
Genau aus diesem Grunde habe ich die Idee mit dem Text als Hintergrund wieder fallen lassen.
Ich habe beispielsweise einen normalen Text-Inhalt. Hinter dem Ende eines Abschnittes möchte ich ab und zu einen diskreten Hintergrundtext (in ziemlich grosser Schrift). Ok, das ist vielleicht etwas speziell, aber genau das, was ich vor zwei Wochen versuchte...Und warum versuchst du es nicht mit position:relative?
Gruß
Kurt
--
> Nein, ich beantworte keine Anfragen per e-mail.
"Mut ist eine Tugend, doch Angst beweist Vernunft, Bewusstsein und Phantasie. Die Kunst ist es abzuwaegen." (Moriartes, gr. Philosoph, 314-244 v. Chr.)
http://elektro-dunzinger.at
http://shop.elektro-dunzinger.at-
Hallo Kurt
Und warum versuchst du es nicht mit position:relative?
Ich dachte, gelesen zu haben es funktioniere nur mit position:absolute. Ausserdem habe ich auch Verschiedenstes ausprobiert. Ohne Erfolg.
Das einzige, was ich fand, und im Opera und IE, aber nicht im Mozilla funktioniert ist:
.text { z-index:1; }
.hintergrund {position:relative; top:-70px; z-index:-11;}<div class="text">blabla</div>
<div class="hintergrundtext">Hintergrund</div>-
Hi Louis,
Ich dachte, gelesen zu haben es funktioniere nur mit position:absolute.
Falsch gedacht.
Ausserdem habe ich auch Verschiedenstes ausprobiert. Ohne Erfolg.
Das einzige, was ich fand, und im Opera und IE, aber nicht im Mozilla funktioniert ist:
.text { z-index:1; }
.hintergrund {position:relative; top:-70px; z-index:-11;}<div class="text">blabla</div>
<div class="hintergrundtext">Hintergrund</div>Dann hast du nicht richtig recherchiert und/oder aber fehlerhaft ausprobiert.
Der Zeitstempel auf jeder dieser Seiten wird aus dem Content generiert und relativ zu diesem positioniert(rechts oben 'Letzte Bearbeitung: blabla...'):
http://faq.united-web.at/index.phpGruß
Kurt
--
> Nein, ich beantworte keine Anfragen per e-mail.
"Wenn alle mutig sind, ist das Grund genug, Angst zu haben." (Gabriel Laub; tsch.-dt. Schriftsteller, Satiriker u. Essayist; 1928-1998)
http://elektro-dunzinger.at
http://shop.elektro-dunzinger.at-
Hallo Kurt
Dann hast du nicht richtig recherchiert und/oder aber fehlerhaft ausprobiert.
Der Zeitstempel auf jeder dieser Seiten wird aus dem Content generiert und relativ zu diesem positioniert(rechts oben 'Letzte Bearbeitung: blabla...'):
http://faq.united-web.at/index.phpBin ich blind? Ich verstehe nicht, was Du mir sagen willst, oder Du verstehst mich nicht...
Ich hab ja kein Problem an sich mit position:relative. Sondern nur zusammen mit z-index, welches nach http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index nur zusammen mit absoluter Positionierung funtkioniert.
Was ich ja möchte, ist dummerweise nicht den ersten Text nach unten, unter den zweiten schieben, sondern den zweiten Text nach oben, unter das Ende des oberen Textes schieben.Mein Code dazu (so wie er jetzt nach verschiedene Versuchen aussieht):
<html>
<head>
<style type="text/css">
#text {position:relativ; top:0px; font-family:arial;z-index:10;}
.hintergrund {position:relative; top:-50px; font-size:50px; color:#f5f; z-index:1;}
</style>
</head>
<body><div id="text">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
<div class="hintergrund">Hintergrundtext</div></body>
Einziger Ausweg, aber auch nur für IE und Opera, war den z-index negativ einzustellen.
Liebe Grüsse
Louis-
Hi Louis,
Bin ich blind? Ich verstehe nicht, was Du mir sagen willst, oder Du verstehst mich nicht...
Ich hab ja kein Problem an sich mit position:relative. Sondern nur zusammen mit z-index, welches nach http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index nur zusammen mit absoluter Positionierung funtkioniert.
Naja, da heisst es nicht explizit, dass es nur im Zusammenhang mit position asolute geht, allerdings ist die Formulierung so schwammig, dass man das herauslesen könnte.
Schlag einfach mal bei W3C nach, dann weisst du es genau.Was ich ja möchte, ist dummerweise nicht den ersten Text nach unten, unter den zweiten schieben, sondern den zweiten Text nach oben, unter das Ende des oberen Textes schieben.
Mein Code dazu (so wie er jetzt nach verschiedene Versuchen aussieht):<html>
<head>
<style type="text/css">
#text {position:relativ; top:0px; font-family:arial;z-index:10;}Fehler:--------------------^ es heisst relative.
.hintergrund {position:relative; top:-50px; font-size:50px; color:#f5f; z-index:1;}
</style>
</head>
<body>Einziger Ausweg, aber auch nur für IE und Opera, war den z-index negativ einzustellen.
Ich sehe 3 Möglichkeiten:
Entweder drehst du die Divs im Quelltext um, oder du gibst dem Hintergrunddiv keinen z-index, dafür dem Text den Index 0;
Oder du gibst dem Hintergrunddiv den Index-1 und dem Textdiv keinen z-Index.
Ich habe es mit Firebird und IE getestet, wenn du dem Text einen negativen Index gibst, schiebt sich das Div unter das andere, das keinen z_index besitzt, egal, wo es definiert wurde.
Scheinbar gibt es Probleme, sobald du beiden divs einen z_index verabreichst, das habe ich dann aber nicht ausgetestet.Gruß
Kurt
--
> Nein, ich beantworte keine Anfragen per e-mail.
"Mancher Mensch hat ein grosses Feuer in seiner Seele, und niemand kommt, um sich daran zu waermen." (Vincent van Gogh; holl. Maler; 1853-1990)
http://elektro-dunzinger.at
http://shop.elektro-dunzinger.at-
Hallo Kurt
Vielen Dank. Jetzt gehts... ;-)
Ich habe vermutlich, als ich das vor zwei Wochen versuchte, die Wald vor lauter Bäume nicht mehr gesehen. Jetzt ging das plötzlich, wie von selbst... und zwar genau so, wie ich wollte.#text {position:relativ; top:0px; font-family:arial;z-index:10;}
Fehler:--------------------^ es heisst relative.
Hm tja, das hab ich halt nicht bemerkt...
Vielen vielen Dank für die Zeit, die Du dir genommen hast!
Gruss
Louis
-
-
-
-
-
-
-