Bilder übereinander

[Christoph Sommer]

Hallo,

ich weiß, dass dieses Thema schon öfter dran war.
Aber ich hab im Forumsarchiv nicht das richtige gefunden.
Wie schaffe ich es, dass im folgenden Beispiel logo.jpg links und banner.jpg rechts auf back.jpg liegen (schaut euch den Alttext an)
Bitte schickkt mir den nötigen Quelltext.

MfG, Chris

[KD-one]

Hallo Christoph,

ich weiß, dass dieses Thema schon öfter dran war.
Aber ich hab im Forumsarchiv nicht das richtige gefunden.
Wie schaffe ich es, dass im folgenden Beispiel logo.jpg links und banner.jpg rechts auf back.jpg liegen (schaut euch den Alttext an)

welchem Beispiel?
Beschäftige dich mit CSS, insbesondere mit z-index.

Bitte schickkt mir den nötigen Quelltext.

Warum?
Willst du deine Aufgabenstellunge nicht allein erledigen?
Sollen wir das für dich übernehmen?
Gerne, mein Stundensatz beträgt 79.--EUR excl. MWSt, die Kontonummer gebe ich dir gerne per e-mail bekannt.
Erledigung nach Zahlungseingang, Mindestverrechnungssatz 1Std.

Gruß

Kurt

[Chris]

Hallo Kurt,

ich weiß, dass dieses Thema schon öfter dran war.
Aber ich hab im Forumsarchiv nicht das richtige gefunden.
Wie schaffe ich es, dass im folgenden Beispiel logo.jpg links und banner.jpg rechts auf back.jpg liegen (schaut euch den Alttext an)

welchem Beispiel?

Schau doch mal bitte auf den angegebenen Link, Kurt

Beschäftige dich mit CSS, insbesondere mit z-index.

Bitte schickt mir den nötigen Quelltext.

Warum?
Willst du deine Aufgabenstellunge nicht allein erledigen?

Ich kann es nicht allein erledigen, weil ich nicht weiß wie es geht, sonst hätte ich ja nicht ins Forum geschrieben!!!
Wozu ist dieses Forum denn sonst da???

Sollen wir das für dich übernehmen?
Gerne, mein Stundensatz beträgt 79.--EUR excl. MWSt, die Kontonummer gebe ich dir gerne per e-mail bekannt.
Erledigung nach Zahlungseingang, Mindestverrechnungssatz 1Std.

Sehr schlechter Witz

MsG, Chris

[KD-one]

Hallo Chris,

welchem Beispiel?

Schau doch mal bitte auf den angegebenen Link, Kurt

Ach ja, da war doch ein Link. :-)

Beschäftige dich mit CSS, insbesondere mit z-index.

Bitte schickt mir den nötigen Quelltext.

Warum?
Willst du deine Aufgabenstellunge nicht allein erledigen?

Ich kann es nicht allein erledigen, weil ich nicht weiß wie es geht, sonst hätte ich ja nicht ins Forum geschrieben!!!
Wozu ist dieses Forum denn sonst da???

Du solltest deine Tastatur überprüfen, einzelne Tastenklemmen.
Das ist ein Forum für Hilfe zur Selbsthilfe. Frag, was du nicht verstehst und dir wird sicherlich ausreichend geholfen. Erwarte aber nicht, eine fertige Lösung zu bekommen, wenn dies auch manchmal geschieht.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

Sollen wir das für dich übernehmen?
Gerne, mein Stundensatz beträgt 79.--EUR excl. MWSt, die Kontonummer gebe ich dir gerne per e-mail bekannt.
Erledigung nach Zahlungseingang, Mindestverrechnungssatz 1Std.

Sehr schlechter Witz

Kein Witz, mein voller Ernst.
Mit der Erwartungshaltung, mit der du hier hereinstürmst, musst du mit sowas rechnen.
Wenn du fertigen Code erhältst, nimm Ihn dankbar an, aber erwarte nicht, daß dies automatisch und auf Befehl geschieht.
Im Übrigen ist es auf alle Fälle besser, wenn du dich selbst mit der Materie auseinandersetzt, da du davon den größten Nutzen hast.
Alles andere ist nur für den Moment und kaum geeignet, dein Verständnis zu fördern.

Gruß

Kurt

[Chris]

Hallo Kurt,

welchem Beispiel?
Schau doch mal bitte auf den angegebenen Link, Kurt
Ach ja, da war doch ein Link. :-)

Geht doch :-)

Beschäftige dich mit CSS, insbesondere mit z-index.
Bitte schickt mir den nötigen Quelltext.

»»

Warum?
Willst du deine Aufgabenstellunge nicht allein erledigen?

»»

Ich kann es nicht allein erledigen, weil ich nicht weiß wie es geht, sonst hätte ich ja nicht ins Forum geschrieben!!!
Wozu ist dieses Forum denn sonst da???
Du solltest deine Tastatur überprüfen, einzelne Tastenklemmen.

Weiß ich... hab vorher den halben Text gelöscht, obwohl ich nur einen Buchstaben entfernen wollte

Das ist ein Forum für Hilfe zur Selbsthilfe. Frag, was du nicht verstehst und dir wird sicherlich ausreichend geholfen. Erwarte aber nicht, eine fertige Lösung zu bekommen, wenn dies auch manchmal geschieht.

Schau nach oben...
Es war eine Bitte.
Wer bereit ist mir diesen Quelltext zu schicken, soll es tun.
Alle anderen können mich ja auf die eben genannten warten lassen und keinen Kommentar abgeben.
 http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

Sollen wir das für dich übernehmen?
Gerne, mein Stundensatz beträgt 79.--EUR excl. MWSt, die Kontonummer gebe ich dir gerne per e-mail bekannt.
Erledigung nach Zahlungseingang, Mindestverrechnungssatz 1Std.

Sehr schlechter Witz

Kein Witz, mein voller Ernst.
Mit der Erwartungshaltung, mit der du hier hereinstürmst, musst du mit sowas rechnen.

Ich wiederhole nochmal, dass es eine Bitte war.

Wenn du fertigen Code erhältst, nimm Ihn dankbar an,

werde ich :-)
 aber erwarte nicht, daß dies automatisch und auf Befehl geschieht.
Tu ich nicht, es war wie schon mal gesagt eine Bitte

Im Übrigen ist es auf alle Fälle besser, wenn du dich selbst mit der Materie auseinandersetzt, da du davon den größten Nutzen hast.

Das seh ich auch so

Alles andere ist nur für den Moment und kaum geeignet, dein Verständnis zu fördern.

Das will und werde ich machen.
Aber ich möchte diesen Text in der nächsten Zeit auf meiner HP einbinden, deswegen habe ich jetzt danach gefragt.

MfG, Chris

[KD-one]

Hallo Chris,

*lol*
Wenigstens Humor hast du, das muss man dir lassen. ;-)

Du solltest deine Tastatur überprüfen, einzelne Tastenklemmen.
Weiß ich... hab vorher den halben Text gelöscht, obwohl ich nur einen Buchstaben entfernen wollte
Das ist ein Forum für Hilfe zur Selbsthilfe. Frag, was du nicht verstehst und dir wird sicherlich ausreichend geholfen. Erwarte aber nicht, eine fertige Lösung zu bekommen, wenn dies auch manchmal geschieht.
Schau nach oben...
Es war eine Bitte.
Wer bereit ist mir diesen Quelltext zu schicken, soll es tun.
Alle anderen können mich ja auf die eben genannten warten lassen und keinen Kommentar abgeben.

Den wirst du aber in diesen Fall schwerlich kriegen. Was verstehst du nicht an den beiden Seiten, die ich dir unten verlinkt habe?

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

Gruß

Kurt

[Chris]

Hallo Kurt,

*lol*
Wenigstens Humor hast du, das muss man dir lassen. ;-)

Danke :-)

Du solltest deine Tastatur überprüfen, einzelne Tastenklemmen.

»» Weiß ich... hab vorher den halben Text gelöscht, obwohl ich nur einen Buchstaben entfernen wollte

Das ist ein Forum für Hilfe zur Selbsthilfe. Frag, was du nicht verstehst und dir wird sicherlich ausreichend geholfen. Erwarte aber nicht, eine fertige Lösung zu bekommen, wenn dies auch manchmal geschieht.
Schau nach oben...
Es war eine Bitte.
Wer bereit ist mir diesen Quelltext zu schicken, soll es tun.
Alle anderen können mich ja auf die eben genannten warten lassen und keinen Kommentar abgeben.

Den wirst du aber in diesen Fall schwerlich kriegen. Was verstehst du nicht an den beiden Seiten, die ich dir unten verlinkt habe?

Als ich das geschrieben hab, hab ich die Links noch nicht gesehen.

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

Wie gesagt, Ende der Psychostunde?!

MfG, Chris

[KD-one]

Hallo Chris,

*lol*
Wenigstens Humor hast du, das muss man dir lassen. ;-)
Danke :-)

Gerne. :-)

Du solltest deine Tastatur überprüfen, einzelne Tastenklemmen.
»» Weiß ich... hab vorher den halben Text gelöscht, obwohl ich nur einen Buchstaben entfernen wollte

Den wirst du aber in diesen Fall schwerlich kriegen. Was verstehst du nicht an den beiden Seiten, die ich dir unten verlinkt habe?

Als ich das geschrieben hab, hab ich die Links noch nicht gesehen.

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

Wie gesagt, Ende der Psychostunde?!

Nach meiner Einschätzung hat es die hier noch nichtmal ansatzweise gegeben, das waren lediglich subtile Hinweise, die du ja nun anscheinend verstanden hast.
Wenn du Chräckers Posting und die beiden Links verfolgst, wirst du sicherlich zu einem respektablen Ergebnis kommen.
Solltest du trotzdem noch Fragen dazu haben, frag ruhig. ;-)

Gruß

Kurt

[Chris]

Hallo Kurt,
in der Theorie hätten die Links und Chräckers Posting gereicht.
In der Praxis ist das ja nicht so...
Ciao, Chris

[Chräcker Heller]

Hallo,

in der Theorie hätten die Links und Chräckers Posting gereicht.
In der Praxis ist das ja nicht so...

dazwischen liegt der steinige Weg des Verstehens, und um es klar zu stellen: auch ich habe das mit diesen Positionieren noch nicht 100% verstanden - und einige meiner Seiten leben davon....;-) Ich probiere einfach solange aus und wechsel die relative und absolute Positionierung hin und her bis es klapt ;-) Dazu braucht man natürlich eine halbe Stunde Zeit.....

Chräcker

[Chris]

Danke ihr beiden, schaut echt super aus.
Ciao, Chris

PS: Vielleicht ist der Steinweg nächstes Mal kürzer :-))))

[Ingo Turski]

Hi,

PS: Vielleicht ist der Steinweg nächstes Mal kürzer :-))))

hätte er hier tatsächlich sein können. Zum einen muß man ein img nicht in ein div stecken, um es zu positionieren und zum anderen wäre für Deinen Fall ein Hinweis auf die Eigenschaft 'float' m.E. wesentlich sinnvoller gewesen.
Sprich: das erste Bild als Hintergrund für td und die beiden anderen mit float:left bzw. :right darin ausgerichtet.
Wobei Du diese Tabelle auch sparen und durch ein div mit den ausmaßen der tabellenzelle ersetzen kannst und solltest.

freundliche Grüße
Ingo

[Chris]

Und jetzt Ende der Psychostunde?!
Jeder hat seinen Snf dazugegeben und nun können wir ja über meine Frage(!) reden.

MfG, Chris

PS:Danke für die Links!

[Chräcker Heller]

Hallo,

Friede auf Erden und in Euren Herzen ,-)

Schau doch mal bitte auf den angegebenen Link, Kurt

der Link "oben" dient normnalerweise Angeberzwecken, zumindest nutze ich ihn dafür. Wenn man eine Seite als Beispiel verlinkt hat (sehr gut!) dann sollte man am besten im Posting darauf verweisen (also zBsp. "Beispiel findet ihr hinter obigen Link") oder direkt im Posting verlinken. (nur für die Zukunft ;-))

Alt-Texte werden von nicht wenigen hier benutzten Browsern nicht als popup angezeigt, deswegen hier (wie sowieso) besser title in Zukunft verwenden.

Bitte schickt mir den nötigen Quelltext.

sollte besser lauten: "bitte helft mir beim Quelltext, wo kann ich weiteres erfahren" - denn in der Tat "verschicken" wir hier keinen Quelltext, in vielen Fällen nennen wir noch nicht mal einen sondern  geben (und das gerne) Hinweise, wo man sich weiter schlau machen kann. Dazu ist in der Tat das Forum da und ich glaube, das war hier auch nur ein Mißverständnis, wenn auch aufgrund einer von Dir eben unglücklichen Formulierung.

Sehr schlechter Witz

Nein, es sollte Dir deutlich machen, das wir innerhalb des Forums alles umsonst machen obwohl wir außerhalb des Forums mit genau dem gleichen Wissen unser Geld verdienen müssen. So nett sind wir halt....innerhalb des Forums.

So, und jetzt zum konkreten Fall: images (also Bilder) kann man pixelgenau positionieren, indem man um das jeweilige image-Tag ein Div legt, also ein <div> und </div> - diesen Divbereich kann man nun mittels CSS pixelgenau positionieren. Dadurch kann man auch zwei divbereiche "übereinander" positionieren. Man kann auch ein "äußerses" "Master"-Div nehmen, das nicht positioniert ist und somit im Seitenfluß bleibt (beim verkleinern oder vergrößern des Fensters also mitwandert) und innerhalb des "Masterdiv-Bereiches" kann man nun wiederum Div-bereiche "im Bezug zum Masterdiv" positionieren. Damit die Divbereiche (und somit die innenliegenden Bilder) "zueinander" so "nebeneinader und übereinander" liegen bleiben wie sie sollen, als ganzes Paket aber im Seitenfluß bleiben.

Also: "Div", "CSS" und "positionieren" sind die Schlagworte, nach denen Du in selfhtml nun fanden und expermentieren kannst....

Chräcker

[Ronny]

Hi,

mal eine Frage am Rande.

So, und jetzt zum konkreten Fall: images (also Bilder) kann man pixelgenau positionieren, indem man um das jeweilige image-Tag ein Div legt, also ein <div> und </div> - diesen Divbereich kann man nun mittels CSS pixelgenau positionieren.

Kann ich nicht einfach das <img> selbst positionieren oder _muss_ das Bild in ein div?

Grüße,

Ronny

[KD-one]

Hallo Ronny,

Kann ich nicht einfach das <img> selbst positionieren oder _muss_ das Bild in ein div?

Ingo Turski hat diese Frage bereits beantwortet. Ja, du kannst.

Gruß

Kurt

[Chräcker Heller]

Hallo,

Ingo Turski hat diese Frage bereits beantwortet. Ja, du kannst.

jein, nur bedingt. Wenn man die NS4-Besucher mitnehmen möchte, dann muß ein Div "drum herum" und dieses positioniert werden....

Chräcker

[KD-one]

Hallo Chräcker Heller,

Hallo,

Ingo Turski hat diese Frage bereits beantwortet. Ja, du kannst.

jein, nur bedingt. Wenn man die NS4-Besucher mitnehmen möchte, dann muß ein Div "drum herum" und dieses positioniert werden....

Aha, das wusste ich nicht. Kann der NN4.x überhaupt mit Positionierung umgehen?
Ich hatte da große Probleme auf meiner Seite damit.

Gruß

Kurt

[Ingo Turski]

Hi,

jein, nur bedingt. Wenn man die NS4-Besucher mitnehmen möchte, dann muß ein Div "drum herum" und dieses positioniert werden....

Aha, das wusste ich nicht.

nunja, das stimmt auch nicht immer ganz. Der NN4.x kann durchaus die Eigenschaft float direkt auf img umsetzen. Allerdings ist der Erfolg nicht immer gewährleistet und die Anzeige kann (besonders bei reload) umspringen.

Kann der NN4.x überhaupt mit Positionierung umgehen?

Mit absoluter Positionierung soweit ich's gesehen habe noch am besten. Bei float sieht's nicht immer so gut aus, besonders wenn noch margin ins Spiel kommt.

freundliche Grüße
Ingo

[Chräcker Heller]

Hallo,

Aha, das wusste ich nicht. Kann der NN4.x überhaupt mit
Positionierung umgehen?

"zumindest" kann er Div-bereiche (im Gegensatz zum image selber)  pixelgenau positionieren. Weiter habe ich mich aber auch nie mit beschäftigt. (Beim "floaten" streikt er, soweit ich weiß, auch, möchte ich aber jetzt nicht beschwören....)

Chräcker