Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

Llynyania · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

Bitte esupanetz, nun da wir wissen, worum es sich handelt, ist mei bescheidener Hilfeversuch ja eh für die Tonne.

Das Bild ist animiert. Der Schriftzug muß im Bild entfertn werden. Dann kann der Schriftzug in einem andren tranparenten Bild darübergelegt werden.

So müßte es klappen.

peter_echevers · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

Llynyania schrieb:
Bitte esupanetz, nun da wir wissen, worum es sich handelt, ist mei bescheidener Hilfeversuch ja eh für die Tonne.

Das Bild ist animiert. Der Schriftzug muß im Bild entfertn werden. Dann kann der Schriftzug in einem andren tranparenten Bild darübergelegt werden.

So müßte es klappen.

Womit sich der Kreis schließt und wir wieder die Ausgangssituation haben, wegen der ich meine Frage stellte. Schrift entfernen ist kein Problem, neues Bild drüber legen, da war mein Problem, aber das soll ja mit Z-Index gehen.

Nun stellt sich eine neue Frage, wie mache ich ein Bild transparent? Ist das überhaupt nötig? Ich würde ja einen Ausschnitt vom Ursprungsbild haargenau an dieser Stelle ablegen, wo bisher die Schrift zu sehen ist und leider mitanimiert wird.

Ganz herzlich
Peter

sokie · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

so etwas hatte ich bereits nach dem Eingangspost erwartet, die erste Antwort sollte dieses Problem lösen: die Animation als Hintergrund in den container (der diesmal ein td Element ist). bisher heisst die Zeile im Code so:

HTML:

<td colspan="7" align="right"><p><img src="bilder/Sternenfeld1_mh.gif" width="813" height="745" /></p></td>

dann muss sie so lauten:

HTML:

<td colspan="7" align="right" style="background: url(bilder/Sternenfeld1_mh.gif );height:745px; width: 813px;">
<p>hier wäre einfacher Text am günstigsten oder eben dein Bild für den Vordergrund</p></td>

das Bild im Vordergrund müsste dann noch per margin ausgerichtet werden.

undjetzt einfach mal, wie in #5 gefordert die Stapelreihenfolge per z-index verändern... na, merkste was?

peter_echevers · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

sokie schrieb:
so etwas hatte ich bereits nach dem Eingangspost erwartet, die erste Antwort sollte dieses Problem lösen: die Animation als Hintergrund in den container (der diesmal ein td Element ist). bisher heisst die Zeile im Code so:

HTML:

<td colspan="7" align="right"><img src="bilder/Sternenfeld1_mh.gif" width="813" height="745" /></td>

dann muss sie so lauten:

HTML:

<td colspan="7" align="right" style="background: url(bilder/Sternenfeld1_mh.gif );height:745px; width: 813px;"> hier wäre einfacher Text am günstigsten oder eben dein Bild für den Vordergrund</td>

das Bild im Vordergrund müsste dann noch per margin ausgerichtet werden.

undjetzt einfach mal, wie in #5 gefordert die Stapelreihenfolge per z-index verändern... na, merkste was?

Das Interessante ist ja, dass ich ständig mit dem Hintergrundbild zu kämpfen habe, stelle ich ein Bild als Hintergrundbild in pageproperties ein, erscheint das nicht in dem Tabellenfeld sondern kleistert den ganzen Bildschirm zu - je nach repeat-Einstellung. Aber ein Bild als Hintergrund nur in einer begrenzten Tabellenzelle einfügen, das habe ich noch nicht hinbekomen, weder in Appearance HTML noch in Appearance CSS.

Herzlichst
Peter Echevers

sokie · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

bei den Einstellungen im wysiwyg Modus kann ich dir auch nicht helfen - wenn du die änderungen in Codeansicht vornimmst,wie zB in #23, hättest du zumindest schon mal eine Grundlage.

peter_echevers · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

Das habe ich jetzt gemacht und siehe da!!
Vielen Dank erstmal - wie schon gesagt, ein knuffiges
Völkchen hier.

Peter, RJ

Das Ergebnis kann man sich hier anschauen
Dank Eurer freundlichen Unterstützung habe ich das Klassenziel erreicht.
Eine Frage wäre, das Hintergrundbild "kachelt" allerdings ist gar kein
'repeat' eingestellt. Im HTML-code wüßte ich auch nicht wie ändern.
Woran mag das liegen?

Peter aus Rio

sokie · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

peter_echevers schrieb:
Eine Frage wäre, das Hintergrundbild "kachelt" allerdings ist gar kein
'repeat' eingestellt.

2 Dinge
es kachelt nicht OBWOHL sondern WEIL kein repeat eingestellt ist. kein eintrag für repeat in der background Eigenschaft heisst, dass das BGImg sich wiederholt wenn es schmaler/kürzer ist als der container.Das ist aber nicht das Hauptproblem.
Deine Inhalte der Tabelle sind darauf abgestimmt,dass die Tabelle eine Breite von 900px hat.Nun hast du aber in die erste Zelle gleich deine Headergrafik "_mit Plaent.jpg" mit einer Breite von 1000px angegeben - was dann wiederum dazu führt, dass deine Tabelle auseinander gezogen wird, und das Hintergrundgrundbild zu klein für den Bereich ist.
bei einer breite (width) des "_mit Plaent.jpg" von 900, würde sich das Problem wahrscheinlich gar nicht ergeben.

besser als das Bild über die width zu Stauchen wäre allerdings das Bild in der Bildverarbeitung auf 900px zu reduzieren. (auch das leerzeichen im Dateinamen würde ich ändern)

ps.: bei Nachträgen bitte die 'Edit' funktion benutzen (#26)

peter_echevers · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

Vielen Dank für die Beobachtungen, habe die entsprechenden Änderungen vorgenommen.
War mir gar nicht aufgefallen, dass das Header-IMG breiter war. So hat sich das "Kachel-Problem" in Luft aufgelöst.
Wie man dem Code entnehmen kann, bin ich Deinem Weg mit der Schrift gefolgt und
habe kein Bild über den Hintergrund gelegt. Jetzt "klebt" die Schrift aber direkt links. Leerzeichen werden nicht angenommen, wie könnte ich die Schrift vom Rand weg bekommen, das sieht nicht so toll aus.

Peter Echevers

sokie · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

auch für den ontainer() gilt dasselbe wie für ein img -mit margin lässt sich das anpassen.

Code:

<p style="margin-left: 30px;">

du kannst die ganzen   aus dem bereich löschen, und stattdessen dem container mit dem Text das margin nachoben und links geben.

Code:

<p style="margin-top:300px;margin-left:300px">hier der Text</p>

Werte nur als Beispiel. musst halt sehen mit welchen Werten du da am zufriedensten wirst.

peter_echevers · 21.04.2010

AW: Im Dreamweaver CS4 Bilder übereinander legen - kriege ich noch nicht hin!

jetzt passt es nicht nur hundert Prozent, jetzt hat der Echevers
die Lektion auch begriffen. Lieben Dank.

Wenn Du mal die Seele baumeln lassen möchtest, Búzios ist einer der
wenigen Plätze auf der Welt, wo das noch geht, 22 Strände, ein gutes
Restaurant neben dem anderen, keine Kriminalität, keine Bettenburgen,
keine Luft- oder Wasserverschmutzung. In meinem Gästehaus ist meistens
noch eine Suite frei. Einfach anfragen - wenn denn Eure Flieger wieder
fliegen.

PE